$(function () {
  // Colors
  const color_pink = "rgb(237, 2, 124)"; // #ED027C
  const color_pink_light = "rgb(253, 53, 160)"; // #FD35A0
  const color_pink_dark = "rgb(201, 2, 108)"; // #C9026C
  const color_red = "rgb(190, 30, 45)"; // #BE1E2D
  const color_orange = "rgb(247, 147, 29)"; // #F7931D
  const color_yellow = "rgb(255, 193, 7)"; // #FFC107
  const color_green = "rgb(43, 182, 115)"; // #2BB673
  const color_green_lime = "rgb(140, 198, 63)"; // #8CC63F
  const color_blue_light = "rgb(1, 167, 225)"; // #01A7E1
  const color_blue_dark = "rgb(0, 104, 166)"; // #0068A6
  const color_purple = "rgb(102, 44, 145)"; // #662C91
  const color_grey_light = "rgb(147, 149, 152)"; // #939598
  const color_grey_dark = "rgb(88, 90, 93)"; // #585A5D

  // Material Bar Colors
  const material_color_alumina = color_blue_dark;
  const material_color_aluminum_nitride = color_red;
  const material_color_shapal = color_yellow;
  const material_color_boron_nitride = color_grey_light;
  const material_color_boron_carbide = color_blue_light;
  const material_color_macor = color_grey_dark;
  const material_color_silicon_carbide = color_green_lime;
  const material_color_silicon_nitride = color_orange;
  const material_color_zirconia = color_purple;
  const material_color_atz = color_pink_light;
  const material_color_zta = color_pink_dark;

  // Hyperlinks root path
  let url_base = "https://precision-ceramics.com"; // Hyperlink root path

  // Material Hyperlinks
  let url_path_material_alumina = "/materials/alumina/";
  let url_path_material_aln = "/materials/aluminum-nitride/";
  let url_path_material_shapal = "/materials/shapal/";
  let url_path_material_boron_nitride = "/materials/boron-nitride/";
  let url_path_material_boron_carbide = "/materials/boron-carbide/";
  let url_path_material_silicon_carbide = "/materials/silicon-carbide/";
  let url_path_material_silicon_nitride = "/materials/silicon-nitride/";
  let url_path_material_macor = "/materials/macor/";
  let url_path_material_zirconia = "/materials/zirconia/";
  let url_path_material_zta = "/materials/zirconia-toughened-alumina/";
  let url_path_material_atz = "/materials/alumina-toughened-zirconia/";

  // Property Hyperlinks
  let url_path_property_compressive_strength = "/materials/properties/compressive-strength/";
  let url_path_property_density = "/materials/properties/density/";
  let url_path_property_flexural_strength = "/materials/properties/flexural-strength/";
  let url_path_property_fracture_toughness = "/materials/properties/fracture-toughness/";
  let url_path_property_hardness = "/materials/properties/hardness/";
  let url_path_property_youngs_modulus = "/materials/properties/youngs-modulus/";
  let url_path_property_maximum_temperature = "/materials/properties/maximum-temperature/";
  let url_path_property_thermal_conductivity = "/materials/properties/thermal-conductivity/";
  let url_path_property_thermal_expansion = "/materials/properties/thermal-expansion/";
  let url_path_property_volume_resistivity = "/materials/properties/volume-resistivity/";
  let url_path_property_dielectric_stregth = "/materials/properties/dielectric-strength/";
  let url_path_property_dielectric_constant = "/materials/properties/dielectric-constant/";

  // Material Label Names
  let label_text_material_aln = "Aluminum Nitride";

  // Property Label Names
  let label_text_property_compressive_strength = "Compressive Strength";

  // Property units
  const label_unit_compressive_strength = "MPa";
  const label_unit_density = "g/cm<sup>3</sup>";
  const label_unit_flexural_strength = "MPa";
  const label_unit_fracture_toughness = "MPa m<sup>1/2</sup>";
  const label_unit_hardness = "GPa";
  const label_unit_maximum_temperature = "Celsius";
  const label_unit_thermal_conductivity = "W/mK";
  const label_unit_thermal_expansion = "10<sup>-6/K</sup> &#176;C";
  const label_unit_thermal_expansion_alumina = "10<sup>-6/K</sup> (25 - 300 &#176;C)";
  const label_unit_thermal_expansion_aln = "10<sup>-6/K</sup> (25 - 400 &#176;C)";
  const label_unit_thermal_expansion_boron_nitride = "10<sup>-6/K</sup> (25 - 400 &#176;C)";
  const label_unit_thermal_expansion_silicon_nitride = "10<sup>-6/K</sup> (25 - 250 &#176;C)";
  const label_unit_volume_resistivity = "Log of resistivity (ohm-cm)";
  const label_unit_youngs_modulus = "GPa";
  const label_unit_dielectric_strength = "kV/mm";
  const label_unit_dielectric_constant = "@ 1MHz";

  // Symbols
  const symbol_drilldown = "<span class='symbol-drilldown'>&nbsp;&#10095;</span>"; // The HTML '❯' symbol used to indicated a category label with a drilldown // &#10095;
  const symbol_parallel = "<span class='symbol-parallel-perpendicular'>&#8741;</span>";
  const symbol_perpendicular = "<span class='symbol-parallel-perpendicular'>&#10178;</span>";
  const symbol_back = "&#10094;";

  // Property IDs
  const property_ids = [
    "compressive-strength", // 0
    "density", // 1
    "flexural-strength", // 2
    "fracture-toughness", // 3
    "hardness", // 4
    "maximum-temperature", // 5
    "thermal-conductivity", // 6
    "thermal-expansion", // 7
    "volume-resistivity", // 8
    "youngs-modulus", // 9
    "dielectric-strength", // 10
    "dielectric-constant" // 11
  ];

  let default_property = "compressive-strength"; // Default property selection, unless overridden
  const settings_tag_id = "#highcharts-settings"; // HTML Tag ID that provides additional highchart input settings
  const language_settings_tag_id = "#highcharts-language-settings"; // HTML Tag ID that provides additional highchart input settings
  const settings_property_button_id_prefix = "button-property-";

  // Variables
  let last_series_index; // Keep track of most recent top-level series that was shown
  let navStack = []; // Stack of callbacks to navigate back through custom drilldown levels
  let isNavigatingBack = false; // Flag to avoid pushing to stack during back navigation

  let label_material_alumina = "Alumina" + symbol_drilldown;
  let label_material_aln = label_text_material_aln + symbol_drilldown;
  let label_material_shapal = "Shapal Hi M Soft";
  let label_material_boron_nitride = "Boron Nitride" + symbol_drilldown;
  let label_material_boron_carbide = "Boron Carbide" + symbol_drilldown;
  let label_material_silicon_carbide = "Silicon Carbide";
  let label_material_silicon_nitride = "Silicon Nitride" + symbol_drilldown;
  let label_material_macor = "Macor";
  let label_material_zirconia = "Zirconia" + symbol_drilldown;
  let label_material_zta = "Zirconia Toughened Alumina" + symbol_drilldown;
  let label_material_atz = "Alumina Toughened Zirconia";

  // 'More about' link variables
  let material_text;
  let material_link;
  let property_text = "Precision Ceramics"; // Set default property text
  let property_link = "https://precision-ceramics.com"; // Set default property link

  const getSeriesData = () =>
    [
      {
        id: property_ids[0],
        name: "Compressive Strength",
        visible: false,
        url: url_base + url_path_property_compressive_strength,
        tooltip: { valueSuffix: "MPa" },
        dataSorting: { enabled: false },
        data: [
          { name: label_material_alumina, y: 3500, color: material_color_alumina, drilldown: "Compressive Strength - Alumina" },
          { name: label_material_aln, y: 3000, color: material_color_aluminum_nitride, drilldown: "Compressive Strength - ALN" },
          { name: label_material_shapal, y: 980, color: material_color_shapal },
          { name: label_material_boron_nitride, y: 254, color: material_color_boron_nitride, drilldown: "Compressive Strength - Boron Nitride" },
          { name: label_material_boron_carbide, y: 3000, color: material_color_boron_carbide, drilldown: "Compressive Strength - Boron Carbide" },
          { name: label_material_silicon_carbide, y: 2500, color: material_color_silicon_carbide },
          { name: label_material_macor, y: 345, color: material_color_macor },
          { name: label_material_silicon_nitride, y: 3000, color: material_color_silicon_nitride, drilldown: "Compressive Strength - Silicon Nitride" },
          { name: label_material_zirconia, y: 2100, color: material_color_zirconia, drilldown: "Compressive Strength - Zirconia" },
          { name: label_material_zta, y: 3000, color: material_color_zta, drilldown: "Compressive Strength - Zirconia Toughened Alumina" },
          { name: label_material_atz, y: 2500, color: material_color_atz }
        ]
      },
      {
        // Density
        id: property_ids[1],
        name: "Density",
        visible: false,
        url: url_base + url_path_property_density,
        tooltip: { valueSuffix: "g/cm<sup>3</sup>" },
        dataSorting: { enabled: false },
        data: [
          { name: label_material_alumina, y: 3.98, color: material_color_alumina, drilldown: "Density - Alumina" },
          { name: label_material_aln, y: 3.32, color: material_color_aluminum_nitride, drilldown: "Density - Aluminium Nitride" },
          { name: label_material_shapal, y: 2.88, color: material_color_shapal },
          { name: label_material_boron_nitride, y: 2.9, color: material_color_boron_nitride, drilldown: "Density - Boron Nitride" },
          { name: label_material_boron_carbide, y: 2.52, color: material_color_boron_carbide, drilldown: "Density - Boron Carbide" },
          { name: label_material_silicon_carbide, y: 3.1, color: material_color_silicon_carbide },
          { name: label_material_macor, y: 2.52, color: material_color_macor },
          { name: label_material_silicon_nitride, y: 3.3, color: material_color_silicon_nitride, drilldown: "Density - Silicon Nitride" },
          { name: label_material_zirconia, y: 6.07, color: material_color_zirconia, drilldown: "Density - Zirconia" },
          { name: label_material_zta, y: 4.18, color: material_color_zta, drilldown: "Density - Zirconia Toughened Alumina" },
          { name: label_material_atz, y: 5.5, color: material_color_atz }
        ]
      },
      {
        // Flexural Strength
        id: property_ids[2],
        name: "Flexural Strength",
        visible: false,
        url: url_base + url_path_property_flexural_strength,
        tooltip: { valueSuffix: label_unit_flexural_strength },
        dataSorting: { enabled: false },
        data: [
          { name: label_material_alumina, y: 550, color: material_color_alumina, drilldown: "Flexural Strength - Alumina" },
          { name: label_material_aln, y: 350, color: material_color_aluminum_nitride, drilldown: "Flexural Strength - Aluminium Nitride" },
          { name: label_material_shapal, y: 300, color: material_color_shapal },
          { name: label_material_boron_nitride, y: 144, color: material_color_boron_nitride, drilldown: "Flexural Strength - Boron Nitride" },
          { name: label_material_boron_carbide, y: 420, color: material_color_boron_carbide, drilldown: "Flexural Strength - Boron Carbide" },
          { name: label_material_silicon_carbide, y: 410, color: material_color_silicon_carbide },
          { name: label_material_macor, y: 94, color: material_color_macor },
          { name: label_material_silicon_nitride, y: 970, color: material_color_silicon_nitride, drilldown: "Flexural Strength - Silicon Nitride" },
          { name: label_material_zirconia, y: 1400, color: material_color_zirconia, drilldown: "Flexural Strength - Zirconia" },
          { name: label_material_zta, y: 850, color: material_color_zta, drilldown: "Flexural Strength - Zirconia Toughened Alumina" },
          { name: label_material_atz, y: 1800, color: material_color_atz }
        ]
      },
      {
        // Fracture Toughness
        id: property_ids[3],
        name: "Fracture Toughness",
        visible: false,
        url: url_base + url_path_property_fracture_toughness,
        tooltip: { valueSuffix: label_unit_fracture_toughness },
        dataSorting: { enabled: false },
        data: [
          { name: label_material_alumina, y: 4.5, color: material_color_alumina, drilldown: "Fracture Toughness - Alumina" },
          { name: label_material_aln, y: 3, color: material_color_aluminum_nitride, drilldown: "Fracture Toughness - Aluminium Nitride" },
          { name: label_material_shapal, y: 2, color: material_color_shapal },
          { name: label_material_boron_nitride, y: null, color: material_color_boron_nitride },
          { name: label_material_boron_carbide, y: 4, color: material_color_boron_carbide, drilldown: "Fracture Toughness - Boron Carbide" },
          { name: label_material_silicon_carbide, y: 4.6, color: material_color_silicon_carbide },
          { name: label_material_macor, y: 1.53, color: material_color_macor },
          { name: label_material_silicon_nitride, y: 8.5, color: material_color_silicon_nitride, drilldown: "Fracture Toughness - Silicon Nitride" },
          { name: label_material_zirconia, y: 17, color: material_color_zirconia, drilldown: "Fracture Toughness - Zirconia" },
          { name: label_material_zta, y: 7, color: material_color_zta, drilldown: "Fracture Toughness - Zirconia Toughened Alumina" },
          { name: label_material_atz, y: 8, color: material_color_atz }
        ]
      },
      {
        // Hardness
        id: property_ids[4],
        name: "Hardness",
        visible: false,
        url: url_base + url_path_property_hardness,
        tooltip: { valueSuffix: label_unit_hardness },
        dataSorting: { enabled: false },
        data: [
          { name: label_material_alumina, y: 18, color: material_color_alumina, drilldown: "Hardness - Alumina" },
          { name: label_material_aln, y: 12, color: material_color_aluminum_nitride, drilldown: "Hardness - Aluminium Nitride" },
          { name: label_material_shapal, y: 3.8, color: material_color_shapal },
          { name: label_material_boron_nitride, y: null, color: material_color_boron_nitride },
          { name: label_material_boron_carbide, y: 33, color: material_color_boron_carbide, drilldown: "Hardness - Boron Carbide" },
          { name: label_material_silicon_carbide, y: 28, color: material_color_silicon_carbide },
          { name: label_material_macor, y: 2.3, color: material_color_macor },
          { name: label_material_silicon_nitride, y: 16, color: material_color_silicon_nitride, drilldown: "Hardness - Silicon Nitride" },
          { name: label_material_zirconia, y: 14.5, color: material_color_zirconia, drilldown: "Hardness - Zirconia" },
          { name: label_material_zta, y: 21.5, color: material_color_zta, drilldown: "Hardness - Zirconia Toughened Alumina" },
          { name: label_material_atz, y: 14, color: material_color_atz }
        ]
      },
      {
        // Maximum Temperature
        id: property_ids[5],
        name: "Maximum Temperature (Inert)",
        visible: false,
        url: url_base + url_path_property_maximum_temperature,
        tooltip: { valueSuffix: label_unit_maximum_temperature },
        dataSorting: { enabled: false },
        data: [
          { name: label_material_alumina, y: 1750, color: material_color_alumina, drilldown: "Maximum Temperature - Alumina" },
          { name: label_material_aln, y: 1200, color: material_color_aluminum_nitride, drilldown: "Maximum Temperature - Aluminium Nitride" },
          { name: label_material_shapal, y: 1900, color: material_color_shapal },
          { name: label_material_boron_nitride, y: 2000, color: material_color_boron_nitride, drilldown: "Maximum Temperature - Boron Nitride" },
          { name: label_material_boron_carbide, y: 1800, color: material_color_boron_carbide, drilldown: "Maximum Temperature - Boron Carbide" },
          { name: label_material_silicon_carbide, y: 1900, color: material_color_silicon_carbide },
          { name: label_material_macor, y: 1000, color: material_color_macor },
          { name: label_material_silicon_nitride, y: 1400, color: material_color_silicon_nitride, drilldown: "Maximum Temperature - Silicon Nitride" },
          { name: label_material_zirconia, y: 1500, color: material_color_zirconia, drilldown: "Maximum Temperature - Zirconia" },
          { name: label_material_zta, y: 1500, color: material_color_zta, drilldown: "Maximum Temperature - Zirconia Toughened Alumina" },
          { name: label_material_atz, y: 1200, color: material_color_atz }
        ]
      },
      {
        // Thermal Conductivity
        id: property_ids[6],
        name: "Thermal Conductivity",
        visible: false,
        url: url_base + url_path_property_thermal_conductivity,
        tooltip: { valueSuffix: label_unit_thermal_conductivity },
        dataSorting: { enabled: false },
        data: [
          { name: label_material_alumina, y: 45, color: material_color_alumina, drilldown: "Thermal Conductivity - Alumina" },
          { name: label_material_aln, y: 230, color: material_color_aluminum_nitride, drilldown: "Thermal Conductivity - Aluminium Nitride" },
          { name: label_material_shapal, y: 92, color: material_color_shapal },
          { name: label_material_boron_nitride, y: 130, color: material_color_boron_nitride, drilldown: "Thermal Conductivity - Boron Nitride" },
          { name: label_material_boron_carbide, y: 40, color: material_color_boron_carbide, drilldown: "Thermal Conductivity - Boron Carbide" },
          { name: label_material_silicon_carbide, y: 102.6, color: material_color_silicon_carbide },
          { name: label_material_macor, y: 1.46, color: material_color_macor },
          { name: label_material_silicon_nitride, y: 28, color: material_color_silicon_nitride, drilldown: "Thermal Conductivity - Silicon Nitride" },
          { name: label_material_zirconia, y: 3, color: material_color_zirconia, drilldown: "Thermal Conductivity - Zirconia" },
          { name: label_material_zta, y: 20, color: material_color_zta, drilldown: "Thermal Conductivity - Zirconia Toughened Alumina" },
          { name: label_material_atz, y: 6, color: material_color_atz }
        ]
      },
      {
        // Thermal Expansion
        id: property_ids[7],
        name: "Thermal Expansion",
        visible: false,
        url: url_base + url_path_property_thermal_expansion,
        tooltip: { valueSuffix: label_unit_thermal_expansion },
        dataSorting: { enabled: false },
        data: [
          { name: label_material_alumina, y: 7.5, color: material_color_alumina, drilldown: "Thermal Expansion - Alumina" },
          { name: label_material_aln, y: 4.55, color: material_color_aluminum_nitride, drilldown: "Thermal Expansion - Aluminium Nitride" },
          { name: label_material_shapal, y: 4.8, color: material_color_shapal },
          { name: label_material_boron_nitride, y: 4.1, color: material_color_boron_nitride, drilldown: "Thermal Expansion - Boron Nitride" },
          { name: label_material_boron_carbide, y: null, color: material_color_boron_carbide },
          { name: label_material_silicon_carbide, y: 4.02, color: material_color_silicon_carbide },
          { name: label_material_macor, y: 9, color: material_color_macor },
          { name: label_material_silicon_nitride, y: 1.9, color: material_color_silicon_nitride, drilldown: "Thermal Expansion - Silicon Nitride" },
          { name: label_material_zirconia, y: 10, color: material_color_zirconia, drilldown: "Thermal Expansion - Zirconia" },
          { name: label_material_zta, y: 7.5, color: material_color_zta, drilldown: "Thermal Expansion - Zirconia Toughened Alumina" },
          { name: label_material_atz, y: 8, color: material_color_atz }
        ]
      },
      {
        // Volume Resistivity
        id: property_ids[8],
        name: "Volume Resistivity",
        visible: false,
        url: url_base + url_path_property_volume_resistivity,
        tooltip: { valueSuffix: label_unit_volume_resistivity },
        dataSorting: { enabled: false },
        data: [
          { name: label_material_alumina, y: 16, color: material_color_alumina, drilldown: "Volume Resistivity - Alumina" },
          { name: label_material_aln, y: 14, color: material_color_aluminum_nitride, drilldown: "Volume Resistivity - Aluminium Nitride" },
          { name: label_material_shapal, y: 15, color: material_color_shapal },
          //{ name: label_material_boron_nitride, y: 14, color: material_color_boron_nitride, drilldown: "Volume Resistivity - Boron Nitride" },
          { name: label_material_boron_nitride, y: 14, color: material_color_boron_nitride },
          { name: label_material_boron_carbide, y: null, color: material_color_boron_carbide },
          { name: label_material_silicon_carbide, y: 11, color: material_color_silicon_carbide },
          { name: label_material_macor, y: 17, color: material_color_macor },
          { name: label_material_silicon_nitride, y: 14, color: material_color_silicon_nitride, drilldown: "Volume Resistivity - Silicon Nitride" },
          { name: label_material_zirconia, y: 12, color: material_color_zirconia, drilldown: "Volume Resistivity - Zirconia" },
          { name: label_material_zta, y: 16, color: material_color_zta, drilldown: "Volume Resistivity - Zirconia Toughened Alumina" },
          { name: label_material_atz, y: 16, color: material_color_atz }
        ]
      },
      {
        // Younng's Modulus
        id: property_ids[9],
        name: "Young's Modulus",
        visible: false,
        url: url_base + url_path_property_youngs_modulus,
        tooltip: { valueSuffix: label_unit_youngs_modulus },
        dataSorting: { enabled: false },
        data: [
          { name: label_material_alumina, y: 370, color: material_color_alumina, drilldown: "Youngs Modulus - Alumina" },
          { name: label_material_aln, y: 350, color: material_color_aluminum_nitride, drilldown: "Youngs Modulus - Aluminum Nitride" },
          { name: label_material_shapal, y: 176, color: material_color_shapal },
          { name: label_material_boron_nitride, y: 47, color: material_color_boron_nitride, drilldown: "Youngs Modulus - Boron Nitride" },
          { name: label_material_boron_carbide, y: 400, color: material_color_boron_carbide },
          { name: label_material_silicon_carbide, y: 375, color: material_color_silicon_carbide },
          { name: label_material_macor, y: 66.9, color: material_color_macor },
          { name: label_material_silicon_nitride, y: 340, color: material_color_silicon_nitride, drilldown: "Youngs Modulus - Silicon Nitride" },
          { name: label_material_zirconia, y: 200, color: material_color_zirconia, drilldown: "Youngs Modulus - Zirconia" },
          { name: label_material_zta, y: 335, color: material_color_zta, drilldown: "Youngs Modulus - Zirconia Toughened Alumina" },
          { name: label_material_atz, y: 340, color: material_color_atz }
        ]
      },
      {
        // Dielectric Strength
        id: property_ids[10],
        name: "Dielectric Strength",
        visible: false,
        url: url_base + url_path_property_dielectric_stregth,
        tooltip: { valueSuffix: label_unit_dielectric_strength },
        dataSorting: { enabled: false },
        data: [
          { name: label_material_alumina, y: 16, color: material_color_alumina, drilldown: "Dielectric Strength - Alumina" },
          { name: label_material_aln, y: 15, color: material_color_aluminum_nitride, drilldown: "Dielectric Strength - Aluminum Nitride" },
          { name: label_material_shapal, y: 65, color: material_color_shapal },
          //{ name: label_material_boron_nitride, y: 40, color: material_color_boron_nitride, drilldown: "Dielectric Strength - Boron Nitride" },
          { name: label_material_boron_nitride, y: 40, color: material_color_boron_nitride },
          { name: label_material_boron_carbide, y: null, color: material_color_boron_carbide },
          { name: label_material_silicon_carbide, y: null, color: material_color_silicon_carbide },
          { name: label_material_macor, y: 129, color: material_color_macor },
          { name: label_material_silicon_nitride, y: 19, color: material_color_silicon_nitride, drilldown: "Dielectric Strength - Silicon Nitride" },
          { name: label_material_zirconia, y: 18, color: material_color_zirconia, drilldown: "Dielectric Strength - Zirconia" },
          { name: label_material_zta, y: 16, color: material_color_zta, drilldown: "Dielectric Strength - Zirconia Toughened Alumina" },
          { name: label_material_atz, y: 16, color: material_color_atz }
        ]
      },
      {
        // Dielectric Constant
        id: property_ids[11],
        name: "Dielectric Constant",
        visible: false,
        url: url_base + url_path_property_dielectric_constant,
        tooltip: { valueSuffix: label_unit_dielectric_constant },
        dataSorting: { enabled: false },
        data: [
          { name: label_material_alumina, y: 9.9, color: material_color_alumina, drilldown: "Dielectric Constant - Alumina" },
          { name: label_material_aln, y: 8.8, color: material_color_aluminum_nitride, drilldown: "Dielectric Constant - Aluminum Nitride" },
          { name: label_material_shapal, y: 6.8, color: material_color_shapal },
          //{ name: label_material_boron_nitride, y: 4.0, color: material_color_boron_nitride, drilldown: "Dielectric Constant - Boron Nitride" },
          { name: label_material_boron_nitride, y: 4.0, color: material_color_boron_nitride },
          { name: label_material_boron_carbide, y: 7, color: material_color_boron_carbide },
          { name: label_material_silicon_carbide, y: null, color: material_color_silicon_carbide },
          { name: label_material_macor, y: 6.01, color: material_color_macor },
          { name: label_material_silicon_nitride, y: 8, color: material_color_silicon_nitride, drilldown: "Dielectric Constant - Silicon Nitride" },
          { name: label_material_zirconia, y: 29, color: material_color_zirconia, drilldown: "Dielectric Constant - Zirconia" },
          { name: label_material_zta, y: 10, color: material_color_zta, drilldown: "Dielectric Constant - Zirconia Toughened Alumina" },
          { name: label_material_atz, y: 25, color: material_color_atz }
        ]
      }
    ]

  // Series data
  const getDrilldowns = () =>
    [
      {
        id: "Compressive Strength - Alumina",
        name: "Compressive Strength - Alumina",
        propertyName: "Compressive Strength",
        materialName: "Alumina",
        url: url_base + url_path_material_alumina,
        tooltip: { valueSuffix: label_unit_compressive_strength },
        showInLegend: false,
        color: material_color_alumina,
        data: [
          { name: "CeramAlox Ultra Pure", y: 3500, color: material_color_alumina },
          { name: "CeramAlox 99.7", y: 2000, color: material_color_alumina },
          { name: "CeramAlox 96", y: 2000, color: material_color_alumina }
        ]
      },
      {
        id: "Compressive Strength - ALN",
        name: "Compressive Strength - " + label_text_material_aln,
        propertyName: "Compressive Strength",
        materialName: label_text_material_aln,
        url: url_base + url_path_material_aln,
        tooltip: { valueSuffix: label_unit_compressive_strength },
        showInLegend: false,
        color: material_color_aluminum_nitride,
        data: [
          { name: "PCAN1000", y: 3000, color: material_color_aluminum_nitride },
          { name: "PCAN2000", y: 3000, color: material_color_aluminum_nitride },
          { name: "PCAN3000", y: 3000, color: material_color_aluminum_nitride },
          { name: "PCAN1000S", y: 3000, color: material_color_aluminum_nitride },
        ],
      },
      {
        id: "Compressive Strength - Boron Carbide",
        name: "Compressive Strength - Boron Carbide",
        propertyName: "Compressive Strength",
        materialName: "Boron Carbide",
        url: url_base + url_path_material_boron_carbide,
        tooltip: { valueSuffix: label_unit_compressive_strength },
        showInLegend: false,
        color: material_color_boron_carbide,
        data: [
          { name: "Boron Carbide", y: 3000, color: material_color_boron_carbide },
          { name: "DuraShock", y: 2500, color: material_color_boron_carbide },
          { name: "DuraWear", y: 2900, color: material_color_boron_carbide },
        ]
      },
      {
        id: "Compressive Strength - Boron Nitride",
        name: "Compressive Strength - Boron Nitride",
        propertyName: "Compressive Strength",
        materialName: "Boron Nitride",
        url: url_base + url_path_material_boron_nitride,
        tooltip: { valueSuffix: label_unit_compressive_strength },
        showInLegend: false,
        color: material_color_boron_nitride,
        data: [
          { name: "Pure Grades" + symbol_drilldown, y: 40, color: material_color_boron_nitride, drilldown: "Compressive Strength - Boron Nitride - Pure Grades" },
          { name: "Binder / Composite Grades" + symbol_drilldown, y: 312, color: material_color_boron_nitride, drilldown: "Compressive Strength - Boron Nitride - Binder / Composite Grades" },
          { name: "Mechanical Grades" + symbol_drilldown, y: 315, color: material_color_boron_nitride, drilldown: "Compressive Strength - Boron Nitride - Mechanical Grades" }
        ]
      },
      {
        id: "Compressive Strength - Boron Nitride - Pure Grades",
        name: "Compressive Strength - Boron Nitride - Pure Grades",
        propertyName: "Compressive Strength",
        materialName: "Boron Nitride",
        url: url_base + url_path_material_boron_nitride,
        tooltip: { valueSuffix: label_unit_compressive_strength },
        showInLegend: false,
        color: material_color_boron_nitride,
        data: [
          { name: "PCBN1000 " + symbol_parallel, y: 40, color: material_color_boron_nitride },
          { name: "PCBN1000 " + symbol_perpendicular, y: 40, color: material_color_boron_nitride },
          { name: "PCBN3000 " + symbol_parallel, y: 24, color: material_color_boron_nitride },
          { name: "PCBN11000 " + symbol_parallel, y: 22, color: material_color_boron_nitride },
          { name: "PCBN11000 " + symbol_perpendicular, y: 23, color: material_color_boron_nitride },
          { name: "Grade AX05 " + symbol_parallel, y: 25, color: material_color_boron_nitride }
        ]
      },
      {
        id: "Compressive Strength - Boron Nitride - Binder / Composite Grades",
        name: "Compressive Strength - Boron Nitride - Binder / Composite Grades",
        propertyName: "Compressive Strength",
        materialName: "Boron Nitride",
        url: url_base + url_path_material_boron_nitride,
        tooltip: { valueSuffix: label_unit_compressive_strength },
        showInLegend: false,
        color: material_color_boron_nitride,
        data: [
          { name: "PCBN2000 " + symbol_parallel, y: 312, color: material_color_boron_nitride },
          { name: "PCBN2000 " + symbol_perpendicular, y: 312, color: material_color_boron_nitride },
          { name: "PCBN4000 " + symbol_parallel, y: 95, color: material_color_boron_nitride },
          { name: "PCBN9000 " + symbol_parallel, y: 52, color: material_color_boron_nitride },
          { name: "PCBN9000 " + symbol_perpendicular, y: 60, color: material_color_boron_nitride },
          { name: "Grade A " + symbol_parallel, y: 143, color: material_color_boron_nitride },
          { name: "Grade A " + symbol_perpendicular, y: 186, color: material_color_boron_nitride },
          { name: "Grade HP " + symbol_parallel, y: 96, color: material_color_boron_nitride }
        ]
      },
      {
        id: "Compressive Strength - Boron Nitride - Mechanical Grades",
        name: "Compressive Strength - Boron Nitride - Mechanical Grades",
        propertyName: "Compressive Strength",
        materialName: "Boron Nitride",
        url: url_base + url_path_material_boron_nitride,
        tooltip: { valueSuffix: label_unit_compressive_strength },
        showInLegend: false,
        color: material_color_boron_nitride,
        data: [
          { name: "PCBN7000 " + symbol_parallel, y: 170, color: material_color_boron_nitride },
          { name: "PCBN7000 " + symbol_perpendicular, y: 170, color: material_color_boron_nitride },
          { name: "PCBN8000 " + symbol_parallel, y: 270, color: material_color_boron_nitride },
          { name: "PCBN8000 " + symbol_perpendicular, y: 315, color: material_color_boron_nitride },
          { name: "Grade ZSBN " + symbol_parallel, y: 219, color: material_color_boron_nitride },
          { name: "Grade ZSBN " + symbol_perpendicular, y: 254, color: material_color_boron_nitride }
        ]
      },
      {
        id: "Compressive Strength - Silicon Nitride",
        name: "Compressive Strength - Silicon Nitride",
        propertyName: "Compressive Strength",
        materialName: "Silicon Nitride",
        url: url_base + url_path_material_silicon_nitride,
        tooltip: { valueSuffix: label_unit_compressive_strength },
        showInLegend: false,
        data: [
          { name: "PCSN1000", y: 3000, color: material_color_silicon_nitride },
          { name: "PCSN2000", y: 3000, color: material_color_silicon_nitride },
          { name: "PCSN3000", y: 3000, color: material_color_silicon_nitride },
          { name: "PCSN4000", y: 3000, color: material_color_silicon_nitride },
        ]
      },
      {
        id: "Compressive Strength - Zirconia",
        name: "Compressive Strength - Zirconia",
        propertyName: "Compressive Strength",
        materialName: "Zirconia",
        url: url_base + url_path_material_zirconia,
        tooltip: { valueSuffix: label_unit_compressive_strength },
        showInLegend: false,
        data: [
          { name: "CeramaZirc Ultra Tough", y: 2000, color: material_color_zirconia },
          { name: "CeramaZirc Ultra Tough HIP", y: 2000, color: material_color_zirconia },
          { name: "3YZ", y: 2000, color: material_color_zirconia },
          { name: "CeramaZirc Nano HIP", y: 2100, color: material_color_zirconia }
        ]
      },
      {
        id: "Compressive Strength - Zirconia Toughened Alumina",
        name: "Compressive Strength - Zirconia Toughened Alumina",
        propertyName: "Compressive Strength",
        materialName: "Zirconia Toughened Alumina",
        url: url_base + url_path_material_zta,
        showInLegend: false,
        tooltip: { valueSuffix: label_unit_compressive_strength },
        data: [
          { name: "CeramAlloy Ultra Hard", y: 3000, color: material_color_zta },
          { name: "CeramAlloy ZTA", y: 2500, color: material_color_zta },
        ]
      },
      {
        id: "Density - Alumina",
        name: "Density - Alumina",
        propertyName: "Density",
        materialName: "Alumina",
        url: url_base + url_path_material_alumina,
        tooltip: { valueSuffix: label_unit_density },
        showInLegend: false,
        data: [
          { name: "CeramAlox Ultra Pure", y: 3.98, color: material_color_alumina },
          { name: "CeramAlox 99.7", y: 3.95, color: material_color_alumina },
          { name: "CeramAlox 96", y: 3.75, color: material_color_alumina }
        ]
      },
      {
        id: "Density - Aluminium Nitride",
        name: "Density - " + label_text_material_aln,
        propertyName: "Density",
        materialName: label_text_material_aln,
        url: url_base + url_path_material_aln,
        tooltip: { valueSuffix: label_unit_density },
        showInLegend: false,
        data: [
          { name: "PCAN1000", y: 3.32, color: material_color_aluminum_nitride },
          { name: "PCAN2000", y: 3.32, color: material_color_aluminum_nitride },
          { name: "PCAN3000", y: 3.32, color: material_color_aluminum_nitride },
          { name: "PCAN1000S", y: 3.3, color: material_color_aluminum_nitride }
        ]
      },
      {
        id: "Density - Boron Nitride",
        name: "Density - Boron Nitride",
        propertyName: "Density",
        materialName: "Boron Nitride",
        url: url_base + url_path_material_boron_nitride,
        tooltip: { valueSuffix: label_unit_density },
        showInLegend: false,
        data: [
          { name: "Pure Grades" + symbol_drilldown, y: 1.9, color: material_color_boron_nitride, drilldown: "Density - Boron Nitride - Pure Grades" },
          { name: "Binder / Composite Grades" + symbol_drilldown, y: 2.1, color: material_color_boron_nitride, drilldown: "Density - Boron Nitride - Binder / Composite Grades" },
          { name: "Mechanical Grades" + symbol_drilldown, y: 2.9, color: material_color_boron_nitride, drilldown: "Density - Boron Nitride - Mechanical Grades" }
        ]
      },
      {
        id: "Density - Boron Nitride - Pure Grades",
        name: "Density - Boron Nitride - Pure Grades",
        propertyName: "Density",
        materialName: "Boron Nitride",
        url: url_base + url_path_material_boron_nitride,
        tooltip: { valueSuffix: label_unit_density },
        showInLegend: false,
        color: material_color_boron_nitride,
        data: [
          { name: "PCBN1000", y: 1.9, color: material_color_boron_nitride },
          { name: "PCBN3000", y: 1.9, color: material_color_boron_nitride },
          { name: "PCBN6000", y: 1.6, color: material_color_boron_nitride },
          { name: "PCBN11000", y: 1.9, color: material_color_boron_nitride },
          { name: "Grade AX05", y: 1.9, color: material_color_boron_nitride }
        ]
      },
      {
        id: "Density - Boron Nitride - Binder / Composite Grades",
        name: "Density - Boron Nitride - Binder / Composite Grades",
        propertyName: "Density",
        materialName: "Boron Nitride",
        url: url_base + url_path_material_boron_nitride,
        tooltip: { valueSuffix: label_unit_density },
        showInLegend: false,
        color: material_color_boron_nitride,
        data: [
          { name: "PCBN2000", y: 2.1, color: material_color_boron_nitride },
          { name: "PCBN4000", y: 1.95, color: material_color_boron_nitride },
          { name: "PCBN5000", y: 2.0, color: material_color_boron_nitride },
          { name: "PCBN9000", y: 1.9, color: material_color_boron_nitride },
          { name: "Grade A", y: 2.0, color: material_color_boron_nitride },
          { name: "Grade HP", y: 2.0, color: material_color_boron_nitride },
          { name: "Grade M26", y: 2.1, color: material_color_boron_nitride }
        ]
      },
      {
        id: "Density - Boron Nitride - Mechanical Grades",
        name: "Density - Boron Nitride - Mechanical Grades",
        propertyName: "Density",
        materialName: "Boron Nitride",
        url: url_base + url_path_material_boron_nitride,
        tooltip: { valueSuffix: label_unit_density },
        showInLegend: false,
        color: material_color_boron_nitride,
        data: [
          { name: "PCBN7000", y: 2.9, color: material_color_boron_nitride },
          { name: "PCBN8000", y: 2.3, color: material_color_boron_nitride },
          { name: "Grade ZSBN", y: 2.9, color: material_color_boron_nitride }
        ]
      },
      {
        id: "Density - Boron Carbide",
        name: "Density - Boron Carbide",
        propertyName: "Density",
        materialName: "Boron Carbide",
        url: url_base + url_path_material_boron_carbide,
        tooltip: { valueSuffix: label_unit_density },
        showInLegend: false,
        data: [
          { name: "Boron Carbide", y: 2.52, color: material_color_boron_carbide },
          { name: "DuraShock", y: 2.8, color: material_color_boron_carbide },
          { name: "DuraWear", y: 2.62, color: material_color_boron_carbide }
        ]
      },
      {
        id: "Density - Silicon Nitride",
        name: "Density - Silicon Nitride",
        propertyName: "Density",
        materialName: "Silicon Nitride",
        url: url_base + url_path_material_silicon_nitride,
        tooltip: { valueSuffix: label_unit_density },
        showInLegend: false,
        data: [
          { name: "PCSN1000", y: 3.4, color: material_color_silicon_nitride },
          { name: "PCSN2000", y: 3.4, color: material_color_silicon_nitride },
          { name: "PCSN3000", y: 3.26, color: material_color_silicon_nitride },
          { name: "PCSN4000", y: 3.23, color: material_color_silicon_nitride }
        ]
      },
      {
        id: "Density - Zirconia",
        name: "Density - Zirconia",
        propertyName: "Density",
        materialName: "Zirconia",
        url: url_base + url_path_material_zirconia,
        tooltip: { valueSuffix: label_unit_density },
        showInLegend: false,
        data: [
          { name: "CeramaZirc Ultra Tough", y: 5.7, color: material_color_zirconia },
          { name: "CeramaZirc Ultra Tough HIP", y: 5.7, color: material_color_zirconia },
          { name: "3YZ", y: 6.05, color: material_color_zirconia },
          { name: "CeramaZirc Nano HIP", y: 6.07, color: material_color_zirconia }
        ]
      },
      {
        id: "Density - Zirconia Toughened Alumina",
        name: "Density - Zirconia Toughened Alumina",
        propertyName: "Density",
        materialName: "Zirconia Toughened Alumina",
        url: url_base + url_path_material_zta,
        tooltip: { valueSuffix: label_unit_density },
        showInLegend: false,
        data: [
          { name: "CeramAlloy Ultra Hard", y: 4.18, color: material_color_zta },
          { name: "CeramAlloy ZTA", y: 4.1, color: material_color_zta }
        ]
      },
      {
        id: "Flexural Strength - Alumina",
        name: "Flexural Strength - Alumina",
        propertyName: "Flexural Strength",
        materialName: "Alumina",
        url: url_base + url_path_material_alumina,
        tooltip: { valueSuffix: label_unit_flexural_strength },
        showInLegend: false,
        data: [
          { name: "CeramAlox Ultra Pure", y: 550, color: material_color_alumina },
          { name: "CeramAlox 99.7", y: 300, color: material_color_alumina },
          { name: "CeramAlox 96", y: 250, color: material_color_alumina }
        ]
      },
      {
        id: "Flexural Strength - Aluminium Nitride",
        name: "Flexural Strength - " + label_text_material_aln,
        propertyName: "Flexural Strength",
        materialName: label_text_material_aln,
        url: url_base + url_path_material_aln,
        tooltip: { valueSuffix: label_unit_flexural_strength },
        showInLegend: false,
        data: [
          { name: "PCAN1000", y: 350, color: material_color_aluminum_nitride },
          { name: "PCAN2000", y: 350, color: material_color_aluminum_nitride },
          { name: "PCAN3000", y: 350, color: material_color_aluminum_nitride },
          { name: "PCAN1000S", y: 350, color: material_color_aluminum_nitride }
        ]
      },
      {
        id: "Flexural Strength - Boron Nitride",
        name: "Flexural Strength - Boron Nitride",
        propertyName: "Flexural Strength",
        materialName: "Boron Nitride",
        url: url_base + url_path_material_boron_nitride,
        tooltip: { valueSuffix: label_unit_flexural_strength },
        showInLegend: false,
        data: [
          { name: "Pure Grades" + symbol_drilldown, y: 29, color: material_color_boron_nitride, drilldown: "Flexural Strength - Boron Nitride - Pure Grades" },
          { name: "Binder / Composite Grades" + symbol_drilldown, y: 94, color: material_color_boron_nitride, drilldown: "Flexural Strength - Boron Nitride - Binder / Composite Grades" },
          { name: "Mechanical Grades" + symbol_drilldown, y: 144, color: material_color_boron_nitride, drilldown: "Flexural Strength - Boron Nitride - Mechanical Grades" }
        ]
      },
      {
        id: "Flexural Strength - Boron Nitride - Pure Grades",
        name: "Flexural Strength - Boron Nitride - Pure Grades",
        propertyName: "Flexural Strength",
        materialName: "Boron Nitride",
        url: url_base + url_path_material_boron_nitride,
        tooltip: { valueSuffix: label_unit_flexural_strength },
        showInLegend: false,
        color: material_color_boron_nitride,
        data: [
          { name: "PCBN1000 " + symbol_parallel, y: 13, color: material_color_boron_nitride },
          { name: "PCBN1000 " + symbol_perpendicular, y: 29, color: material_color_boron_nitride },
          { name: "PCBN3000 " + symbol_parallel, y: 21, color: material_color_boron_nitride },
          { name: "PCBN3000 " + symbol_perpendicular, y: 20, color: material_color_boron_nitride },
          { name: "PCBN6000", y: 28, color: material_color_boron_nitride },
          { name: "PCBN11000 " + symbol_parallel, y: 10, color: material_color_boron_nitride },
          { name: "PCBN11000 " + symbol_perpendicular, y: 8, color: material_color_boron_nitride },
          { name: "Grade AX05 " + symbol_parallel, y: 22, color: material_color_boron_nitride },
          { name: "Grade AX05 " + symbol_perpendicular, y: 21, color: material_color_boron_nitride }
        ]
      },
      {
        id: "Flexural Strength - Boron Nitride - Binder / Composite Grades",
        name: "Flexural Strength - Boron Nitride - Binder / Composite Grades",
        propertyName: "Flexural Strength",
        materialName: "Boron Nitride",
        url: url_base + url_path_material_boron_nitride,
        tooltip: { valueSuffix: label_unit_flexural_strength },
        showInLegend: false,
        color: material_color_boron_nitride,
        data: [
          { name: "PCBN2000 " + symbol_parallel, y: 49, color: material_color_boron_nitride },
          { name: "PCBN2000 " + symbol_perpendicular, y: 49, color: material_color_boron_nitride },
          { name: "PCBN4000 " + symbol_parallel, y: 58, color: material_color_boron_nitride },
          { name: "PCBN4000 " + symbol_perpendicular, y: 44, color: material_color_boron_nitride },
          { name: "PCBN5000 " + symbol_parallel, y: 61, color: material_color_boron_nitride },
          { name: "PCBN5000 " + symbol_perpendicular, y: 33, color: material_color_boron_nitride },
          { name: "PCBN9000 " + symbol_parallel, y: 40, color: material_color_boron_nitride },
          { name: "PCBN9000 " + symbol_perpendicular, y: 35, color: material_color_boron_nitride },
          { name: "Grade A " + symbol_parallel, y: 94, color: material_color_boron_nitride },
          { name: "Grade A " + symbol_perpendicular, y: 65, color: material_color_boron_nitride },
          { name: "Grade HP " + symbol_parallel, y: 59, color: material_color_boron_nitride },
          { name: "Grade HP " + symbol_perpendicular, y: 45, color: material_color_boron_nitride },
          { name: "Grade M26 " + symbol_parallel, y: 62, color: material_color_boron_nitride },
          { name: "Grade M26 " + symbol_perpendicular, y: 34, color: material_color_boron_nitride }
        ]
      },
      {
        id: "Flexural Strength - Boron Nitride - Mechanical Grades",
        name: "Flexural Strength - Boron Nitride - Mechanical Grades",
        propertyName: "Flexural Strength",
        materialName: "Boron Nitride",
        url: url_base + url_path_material_boron_nitride,
        tooltip: { valueSuffix: label_unit_flexural_strength },
        showInLegend: false,
        color: material_color_boron_nitride,
        data: [
          { name: "PCBN7000 " + symbol_parallel, y: 120, color: material_color_boron_nitride },
          { name: "PCBN7000 " + symbol_perpendicular, y: 80, color: material_color_boron_nitride },
          { name: "PCBN8000 " + symbol_parallel, y: 120, color: material_color_boron_nitride },
          { name: "PCBN8000 " + symbol_perpendicular, y: 95, color: material_color_boron_nitride },
          { name: "Grade ZSBN " + symbol_parallel, y: 144, color: material_color_boron_nitride },
          { name: "Grade ZSBN " + symbol_perpendicular, y: 107, color: material_color_boron_nitride }
        ]
      },
      {
        id: "Flexural Strength - Boron Carbide",
        name: "Flexural Strength - Boron Carbide",
        propertyName: "Flexural Strength",
        materialName: "Boron Carbide",
        url: url_base + url_path_material_boron_carbide,
        tooltip: { valueSuffix: label_unit_flexural_strength },
        showInLegend: false,
        data: [
          { name: "Boron Carbide", y: 420, color: material_color_boron_carbide },
          { name: "DuraShock", y: 330, color: material_color_boron_carbide },
          { name: "DuraWear", y: 340, color: material_color_boron_carbide }
        ]
      },
      {
        id: "Flexural Strength - Silicon Nitride",
        name: "Flexural Strength - Silicon Nitride",
        propertyName: "Flexural Strength",
        materialName: "Silicon Nitride",
        url: url_base + url_path_material_silicon_nitride,
        tooltip: { valueSuffix: label_unit_flexural_strength },
        showInLegend: false,
        data: [
          { name: "PCSN1000", y: 730, color: material_color_silicon_nitride },
          { name: "PCSN2000", y: 970, color: material_color_silicon_nitride },
          { name: "PCSN3000", y: 830, color: material_color_silicon_nitride },
          { name: "PCSN4000", y: 850, color: material_color_silicon_nitride }
        ]
      },
      {
        id: "Flexural Strength - Zirconia",
        name: "Flexural Strength - Zirconia",
        propertyName: "Flexural Strength",
        materialName: "Zirconia",
        url: url_base + url_path_material_zirconia,
        tooltip: { valueSuffix: label_unit_flexural_strength },
        showInLegend: false,
        data: [
          { name: "CeramaZirc Ultra Tough", y: 1000, color: material_color_zirconia },
          { name: "CeramaZirc Ultra Tough HIP", y: 1000, color: material_color_zirconia },
          { name: "3YZ", y: 1200, color: material_color_zirconia },
          { name: "CeramaZirc Nano HIP", y: 1400, color: material_color_zirconia }
        ]
      },
      {
        id: "Flexural Strength - Zirconia Toughened Alumina",
        name: "Flexural Strength - Zirconia Toughened Alumina",
        propertyName: "Flexural Strength",
        materialName: "Zirconia Toughened Alumina",
        url: url_base + url_path_material_zta,
        tooltip: { valueSuffix: label_unit_flexural_strength },
        showInLegend: false,
        data: [
          { name: "CeramAlloy Ultra Hard", y: 850, color: material_color_zta },
          { name: "CeramAlloy ZTA", y: 600, color: material_color_zta }
        ]
      },
      {
        id: "Fracture Toughness - Alumina",
        name: "Fracture Toughness - Alumina",
        propertyName: "Fracture Toughness",
        materialName: "Alumina",
        url: url_base + url_path_material_alumina,
        tooltip: { valueSuffix: label_unit_fracture_toughness },
        showInLegend: false,
        data: [
          { name: "CeramAlox Ultra Pure", y: 4.5, color: material_color_alumina },
          { name: "CeramAlox 99.7", y: 4, color: material_color_alumina },
          { name: "CeramAlox 96", y: 4.5, color: material_color_alumina }
        ]
      },
      {
        id: "Fracture Toughness - Aluminium Nitride",
        name: "Fracture Toughness - " + label_text_material_aln,
        propertyName: "Fracture Toughness",
        materialName: label_text_material_aln,
        url: url_base + url_path_material_aln,
        tooltip: { valueSuffix: label_unit_fracture_toughness },
        showInLegend: false,
        data: [
          { name: "PCAN1000", y: 3, color: material_color_aluminum_nitride },
          { name: "PCAN2000", y: 3, color: material_color_aluminum_nitride },
          { name: "PCAN3000", y: 3, color: material_color_aluminum_nitride },
          { name: "PCAN1000S", y: 3, color: material_color_aluminum_nitride }
        ]
      },
      {
        id: "Fracture Toughness - Boron Carbide",
        name: "Fracture Toughness - Boron Carbide",
        propertyName: "Fracture Toughness",
        materialName: "Boron Carbide",
        url: url_base + url_path_material_boron_carbide,
        tooltip: { valueSuffix: label_unit_fracture_toughness },
        showInLegend: false,
        data: [
          { name: "Boron Carbide", y: 2.5, color: material_color_boron_carbide },
          { name: "DuraShock", y: 4, color: material_color_boron_carbide },
          { name: "DuraWear", y: 3.4, color: material_color_boron_carbide }
        ],
      },
      {
        id: "Fracture Toughness - Silicon Nitride",
        name: "Fracture Toughness - Silicon Nitride",
        propertyName: "Fracture Toughness",
        materialName: "Silicon Nitride",
        url: url_base + url_path_material_silicon_nitride,
        tooltip: { valueSuffix: label_unit_fracture_toughness },
        showInLegend: false,
        data: [
          { name: "PCSN1000", y: 7, color: material_color_silicon_nitride },
          { name: "PCSN2000", y: 6.2, color: material_color_silicon_nitride },
          { name: "PCSN3000", y: 6.5, color: material_color_silicon_nitride },
          { name: "PCSN4000", y: 8.5, color: material_color_silicon_nitride }
        ]
      },
      {

        id: "Fracture Toughness - Zirconia",
        name: "Fracture Toughness - Zirconia",
        propertyName: "Fracture Toughness",
        materialName: "Zirconia",
        url: url_base + url_path_material_zirconia,
        tooltip: { valueSuffix: label_unit_fracture_toughness },
        showInLegend: false,
        data: [
          { name: "CeramaZirc Ultra Tough", y: 17, color: material_color_zirconia },
          { name: "CeramaZirc Ultra Tough HIP", y: 17, color: material_color_zirconia },
          { name: "3YZ", y: 8, color: material_color_zirconia },
          { name: "CeramaZirc Nano HIP", y: 8, color: material_color_zirconia }
        ]
      },
      {
        id: "Fracture Toughness - Zirconia Toughened Alumina",
        name: "Fracture Toughness - Zirconia Toughened Alumina",
        propertyName: "Fracture Toughness",
        materialName: "Zirconia Toughened Alumina",
        url: url_base + url_path_material_zta,
        tooltip: { valueSuffix: label_unit_fracture_toughness },
        showInLegend: false,
        data: [
          { name: "CeramAlloy Ultra Hard", y: 5, color: material_color_zta },
          { name: "CeramAlloy ZTA", y: 7, color: material_color_zta }
        ]
      },
      {
        id: "Hardness - Alumina",
        name: "Hardness - Alumina",
        propertyName: "Hardness",
        materialName: "Alumina",
        url: url_base + url_path_material_alumina,
        tooltip: { valueSuffix: label_unit_hardness },
        showInLegend: false,
        data: [
          { name: "CeramAlox Ultra Pure", y: 18, color: material_color_alumina },
          { name: "CeramAlox 99.7", y: 14, color: material_color_alumina },
          { name: "CeramAlox 96", y: 12, color: material_color_alumina }
        ]
      },
      {
        id: "Hardness - Aluminium Nitride",
        name: "Hardness - " + label_text_material_aln,
        propertyName: "Hardness",
        materialName: label_text_material_aln,
        url: url_base + url_path_material_aln,
        tooltip: { valueSuffix: label_unit_hardness },
        showInLegend: false,
        data: [
          { name: "PCAN1000", y: 10, color: material_color_aluminum_nitride },
          { name: "PCAN2000", y: 10, color: material_color_aluminum_nitride },
          { name: "PCAN3000", y: 10, color: material_color_aluminum_nitride },
          { name: "PCAN1000S", y: 11, color: material_color_aluminum_nitride }
        ]
      },
      {
        id: "Hardness - Boron Carbide",
        name: "Hardness - Boron Carbide",
        propertyName: "Hardness",
        materialName: "Boron Carbide",
        url: url_base + url_path_material_boron_carbide,
        tooltip: { valueSuffix: label_unit_hardness, },
        showInLegend: false,
        data: [
          { name: "Boron Carbide", y: 33, color: material_color_boron_carbide },
          { name: "DuraShock", y: 28, color: material_color_boron_carbide },
          { name: "DuraWear", y: 31, color: material_color_boron_carbide }
        ]
      },
      {
        id: "Hardness - Silicon Nitride",
        name: "Hardness - Silicon Nitride",
        propertyName: "Hardness",
        materialName: "Silicon Nitride",
        url: url_base + url_path_material_silicon_nitride,
        tooltip: { valueSuffix: label_unit_hardness },
        showInLegend: false,
        data: [
          { name: "PCSN1000", y: 15, color: material_color_silicon_nitride },
          { name: "PCSN2000", y: 15, color: material_color_silicon_nitride },
          { name: "PCSN3000", y: 15.6, color: material_color_silicon_nitride },
          { name: "PCSN4000", y: 16, color: material_color_silicon_nitride }
        ]
      },
      {
        id: "Hardness - Zirconia",
        name: "Hardness - Zirconia",
        propertyName: "Hardness",
        materialName: "Zirconia",
        url: url_base + url_path_material_zirconia,
        tooltip: { valueSuffix: label_unit_hardness },
        showInLegend: false,
        data: [
          { name: "CeramaZirc Ultra Tough", y: 13, color: material_color_zirconia },
          { name: "CeramaZirc Ultra Tough HIP", y: 13, color: material_color_zirconia },
          { name: "3YZ", y: 13.5, color: material_color_zirconia },
          { name: "CeramaZirc Nano HIP", y: 14.5, color: material_color_zirconia }
        ]
      },
      {
        id: "Hardness - Zirconia Toughened Alumina",
        name: "Hardness - Zirconia Toughened Alumina",
        propertyName: "Hardness",
        materialName: "Zirconia Toughened Alumina",
        url: url_base + url_path_material_zta,
        tooltip: { valueSuffix: label_unit_hardness },
        showInLegend: false,
        data: [
          { name: "CeramAlloy Ultra Hard", y: 21.5, color: material_color_zta },
          { name: "CeramAlloy ZTA", y: 16, color: material_color_zta }
        ]
      },
      {
        id: "Maximum Temperature - Alumina",
        name: "Maximum Temperature (Inert) - Alumina",
        propertyName: "Maximum Temperature",
        materialName: "Alumina",
        url: url_base + url_path_material_alumina,
        tooltip: { valueSuffix: label_unit_maximum_temperature },
        showInLegend: false,
        data: [
          { name: "CeramAlox Ultra Pure", y: 1750, color: material_color_alumina },
          { name: "CeramAlox 99.7", y: 1700, color: material_color_alumina },
          { name: "CeramAlox 96", y: 1600, color: material_color_alumina }
        ]
      },
      {
        id: "Maximum Temperature - Aluminium Nitride",
        name: "Maximum Temperature (Inert) - " + label_text_material_aln,
        propertyName: "Maximum Temperature",
        materialName: "Aluminum Nitride",
        url: url_base + url_path_material_aln,
        tooltip: { valueSuffix: label_unit_maximum_temperature },
        showInLegend: false,
        data: [
          { name: "PCAN1000", y: 1200, color: material_color_aluminum_nitride },
          { name: "PCAN2000", y: 1200, color: material_color_aluminum_nitride },
          { name: "PCAN3000", y: 1200, color: material_color_aluminum_nitride },
          { name: "PCAN1000S", y: 1200, color: material_color_aluminum_nitride },
        ]
      },
      {
        id: "Maximum Temperature - Boron Nitride",
        name: "Maximum Temperature (Inert) - Boron Nitride",
        propertyName: "Maximum Temperature",
        materialName: "Boron Nitride",
        url: url_base + url_path_material_boron_nitride,
        tooltip: { valueSuffix: label_unit_maximum_temperature },
        showInLegend: false,
        data: [
          { name: "Pure Grades" + symbol_drilldown, y: 2100, color: material_color_boron_nitride, drilldown: "Maximum Temperature - Boron Nitride - Pure Grades" },
          { name: "Binder / Composite Grades" + symbol_drilldown, y: 1500, color: material_color_boron_nitride, drilldown: "Maximum Temperature - Boron Nitride - Binder / Composite Grades" },
          { name: "Mechanical Grades" + symbol_drilldown, y: 1800, color: material_color_boron_nitride, drilldown: "Maximum Temperature - Boron Nitride - Mechanical Grades" }
        ]
      },
      {
        id: "Maximum Temperature - Boron Nitride - Pure Grades",
        name: "Maximum Temperature (Inert) - Boron Nitride - Pure Grades",
        propertyName: "Maximum Temperature",
        materialName: "Boron Nitride",
        url: url_base + url_path_material_boron_nitride,
        tooltip: { valueSuffix: label_unit_maximum_temperature },
        showInLegend: false,
        color: material_color_boron_nitride,
        data: [
          { name: "PCBN1000", y: 2000, color: material_color_boron_nitride },
          { name: "PCBN3000", y: 2000, color: material_color_boron_nitride },
          { name: "PCBN6000", y: 2100, color: material_color_boron_nitride },
          { name: "PCBN11000", y: 2000, color: material_color_boron_nitride },
          { name: "Grade AX05", y: 2000, color: material_color_boron_nitride }
        ]
      },
      {
        id: "Maximum Temperature - Boron Nitride - Binder / Composite Grades",
        name: "Maximum Temperature (Inert) - Boron Nitride - Binder / Composite Grades",
        propertyName: "Maximum Temperature",
        materialName: "Boron Nitride",
        url: url_base + url_path_material_boron_nitride,
        tooltip: { valueSuffix: label_unit_maximum_temperature },
        showInLegend: false,
        color: material_color_boron_nitride,
        data: [
          { name: "PCBN2000", y: 1000, color: material_color_boron_nitride },
          { name: "PCBN4000", y: 1200, color: material_color_boron_nitride },
          { name: "PCBN5000", y: 1000, color: material_color_boron_nitride },
          { name: "PCBN9000", y: 1500, color: material_color_boron_nitride },
          { name: "Grade A", y: 1200, color: material_color_boron_nitride },
          { name: "Grade HP", y: 1150, color: material_color_boron_nitride },
          { name: "Grade M26", y: 1000, color: material_color_boron_nitride }
        ]
      },
      {
        id: "Maximum Temperature - Boron Nitride - Mechanical Grades",
        name: "Maximum Temperature (Inert) - Boron Nitride - Mechanical Grades",
        propertyName: "Maximum Temperature",
        materialName: "Boron Nitride",
        url: url_base + url_path_material_boron_nitride,
        tooltip: { valueSuffix: label_unit_maximum_temperature },
        showInLegend: false,
        color: material_color_boron_nitride,
        data: [
          { name: "PCBN7000", y: 1800, color: material_color_boron_nitride },
          { name: "PCBN8000", y: 1800, color: material_color_boron_nitride },
          { name: "Grade ZSBN", y: 1600, color: material_color_boron_nitride }
        ]
      },
      {
        id: "Maximum Temperature - Boron Carbide",
        name: "Maximum Temperature (Inert) - Boron Carbide",
        propertyName: "Maximum Temperature",
        materialName: "Boron Carbide",
        url: url_base + url_path_material_boron_carbide,
        tooltip: { valueSuffix: label_unit_maximum_temperature, },
        showInLegend: false,
        data: [
          { name: "Boron Carbide", y: 1800, color: material_color_boron_carbide },
          { name: "DuraShock", y: 1800, color: material_color_boron_carbide },
          { name: "DuraWear", y: 1800, color: material_color_boron_carbide }
        ]
      },
      {
        id: "Maximum Temperature - Silicon Nitride",
        name: "Maximum Temperature (Inert) - Silicon Nitride",
        propertyName: "Maximum Temperature",
        materialName: "Silicon Nitride",
        url: url_base + url_path_material_silicon_nitride,
        tooltip: { valueSuffix: label_unit_maximum_temperature },
        showInLegend: false,
        data: [
          { name: "PCSN1000", y: 1400, color: material_color_silicon_nitride },
          { name: "PCSN2000", y: 1400, color: material_color_silicon_nitride },
          { name: "PCSN3000", y: 1400, color: material_color_silicon_nitride },
          { name: "PCSN4000", y: 1200, color: material_color_silicon_nitride }
        ]
      },
      {
        id: "Maximum Temperature - Zirconia",
        name: "Maximum Temperature (Inert) - Zirconia",
        propertyName: "Maximum Temperature",
        materialName: "Zirconia",
        url: url_base + url_path_material_zirconia,
        tooltip: { valueSuffix: label_unit_maximum_temperature },
        showInLegend: false,
        data: [
          { name: "CeramaZirc Ultra Tough", y: 1500, color: material_color_zirconia },
          { name: "CeramaZirc Ultra Tough HIP", y: 1500, color: material_color_zirconia },
          { name: "3YZ", y: 1000, color: material_color_zirconia },
          { name: "CeramaZirc Nano HIP", y: 1000, color: material_color_zirconia }
        ]
      },
      {
        id: "Maximum Temperature - Zirconia Toughened Alumina",
        name: "Maximum Temperature (Inert) - Zirconia Toughened Alumina",
        propertyName: "Maximum Temperature",
        materialName: "Zirconia Toughened Alumina",
        url: url_base + url_path_material_zta,
        tooltip: { valueSuffix: label_unit_maximum_temperature },
        showInLegend: false,
        data: [
          { name: "CeramAlloy Ultra Hard", y: 1500, color: material_color_zta },
          { name: "CeramAlloy ZTA", y: 1500, color: material_color_zta }
        ]
      },
      {
        id: "Thermal Conductivity - Alumina",
        name: "Thermal Conductivity - Alumina",
        propertyName: "Thermal Conductivity",
        materialName: "Alumina",
        url: url_base + url_path_material_alumina,
        tooltip: { valueSuffix: label_unit_thermal_conductivity },
        showInLegend: false,
        data: [
          { name: "CeramAlox Ultra Pure", y: 45, color: material_color_alumina },
          { name: "CeramAlox 99.7", y: 33, color: material_color_alumina },
          { name: "CeramAlox 96", y: 25, color: material_color_alumina }
        ]
      },
      {
        id: "Thermal Conductivity - Aluminium Nitride",
        name: "Thermal Conductivity - " + label_text_material_aln,
        propertyName: "Thermal Conductivity",
        materialName: label_text_material_aln,
        url: url_base + url_path_material_aln,
        tooltip: { valueSuffix: label_unit_thermal_conductivity },
        showInLegend: false,
        data: [
          { name: "PCAN1000", y: 170, color: material_color_aluminum_nitride },
          { name: "PCAN2000", y: 200, color: material_color_aluminum_nitride },
          { name: "PCAN3000", y: 230, color: material_color_aluminum_nitride },
          { name: "PCAN1000S", y: 170, color: material_color_aluminum_nitride }
        ]
      },
      {
        id: "Thermal Conductivity - Boron Nitride",
        name: "Thermal Conductivity - Boron Nitride",
        propertyName: "Thermal Conductivity",
        materialName: "Boron Nitride",
        url: url_base + url_path_material_boron_nitride,
        tooltip: { valueSuffix: label_unit_thermal_conductivity },
        showInLegend: false,
        data: [
          { name: "Pure Grades" + symbol_drilldown, y: 130, color: material_color_boron_nitride, drilldown: "Thermal Conductivity - Boron Nitride - Pure Grades" },
          { name: "Binder / Composite Grades" + symbol_drilldown, y: 35, color: material_color_boron_nitride, drilldown: "Thermal Conductivity - Boron Nitride - Binder / Composite Grades" },
          { name: "Mechanical Grades" + symbol_drilldown, y: 45, color: material_color_boron_nitride, drilldown: "Thermal Conductivity - Boron Nitride - Mechanical Grades" }
        ]
      },
      {
        id: "Thermal Conductivity - Boron Nitride - Pure Grades",
        name: "Thermal Conductivity - Boron Nitride - Pure Grades",
        propertyName: "Thermal Conductivity",
        materialName: "Boron Nitride",
        url: url_base + url_path_material_boron_nitride,
        tooltip: { valueSuffix: label_unit_thermal_conductivity },
        showInLegend: false,
        color: material_color_boron_nitride,
        data: [
          { name: "PCBN1000 " + symbol_parallel, y: 21, color: material_color_boron_nitride },
          { name: "PCBN1000 " + symbol_perpendicular, y: 21, color: material_color_boron_nitride },
          { name: "PCBN3000 " + symbol_parallel, y: 73, color: material_color_boron_nitride },
          { name: "PCBN3000 " + symbol_perpendicular, y: 128, color: material_color_boron_nitride },
          { name: "PCBN6000", y: 60, color: material_color_boron_nitride },
          { name: "PCBN11000 " + symbol_parallel, y: 20, color: material_color_boron_nitride },
          { name: "PCBN11000 " + symbol_perpendicular, y: 30, color: material_color_boron_nitride },
          { name: "Grade AX05 " + symbol_parallel, y: 78, color: material_color_boron_nitride },
          { name: "Grade AX05 " + symbol_perpendicular, y: 130, color: material_color_boron_nitride }
        ]
      },
      {
        id: "Thermal Conductivity - Boron Nitride - Binder / Composite Grades",
        name: "Thermal Conductivity - Boron Nitride - Binder / Composite Grades",
        propertyName: "Thermal Conductivity",
        materialName: "Boron Nitride",
        url: url_base + url_path_material_boron_nitride,
        tooltip: { valueSuffix: label_unit_thermal_conductivity },
        showInLegend: false,
        color: material_color_boron_nitride,
        data: [
          { name: "PCBN4000 " + symbol_parallel, y: 27, color: material_color_boron_nitride },
          { name: "PCBN4000 " + symbol_perpendicular, y: 29, color: material_color_boron_nitride },
          { name: "PCBN5000 " + symbol_parallel, y: 11, color: material_color_boron_nitride },
          { name: "PCBN5000 " + symbol_perpendicular, y: 26, color: material_color_boron_nitride },
          { name: "PCBN9000 " + symbol_parallel, y: 33, color: material_color_boron_nitride },
          { name: "PCBN9000 " + symbol_perpendicular, y: 35, color: material_color_boron_nitride },
          { name: "Grade A " + symbol_parallel, y: 30, color: material_color_boron_nitride },
          { name: "Grade A " + symbol_perpendicular, y: 34, color: material_color_boron_nitride },
          { name: "Grade HP " + symbol_parallel, y: 27, color: material_color_boron_nitride },
          { name: "Grade HP " + symbol_perpendicular, y: 29, color: material_color_boron_nitride },
          { name: "Grade M26 " + symbol_parallel, y: 11, color: material_color_boron_nitride },
          { name: "Grade M26 " + symbol_perpendicular, y: 29, color: material_color_boron_nitride }
        ]
      },
      {
        id: "Thermal Conductivity - Boron Nitride - Mechanical Grades",
        name: "Thermal Conductivity - Boron Nitride - Mechanical Grades",
        propertyName: "Thermal Conductivity",
        materialName: "Boron Nitride",
        url: url_base + url_path_material_boron_nitride,
        tooltip: { valueSuffix: label_unit_thermal_conductivity },
        showInLegend: false,
        color: material_color_boron_nitride,
        data: [
          { name: "PCBN7000 " + symbol_parallel, y: 28, color: material_color_boron_nitride },
          { name: "PCBN7000 " + symbol_perpendicular, y: 38, color: material_color_boron_nitride },
          { name: "PCBN8000 " + symbol_parallel, y: 27, color: material_color_boron_nitride },
          { name: "PCBN8000 " + symbol_perpendicular, y: 45, color: material_color_boron_nitride },
          { name: "Grade ZSBN " + symbol_parallel, y: 24, color: material_color_boron_nitride },
          { name: "Grade ZSBN " + symbol_perpendicular, y: 34, color: material_color_boron_nitride }
        ]
      },
      {
        id: "Thermal Conductivity - Boron Carbide",
        name: "Thermal Conductivity - Boron Carbide",
        propertyName: "Thermal Conductivity",
        materialName: "Boron Carbide",
        url: url_base + url_path_material_boron_carbide,
        tooltip: { valueSuffix: label_unit_thermal_conductivity, },
        showInLegend: false,
        data: [
          { name: "Boron Carbide", y: 90, color: material_color_boron_carbide },
          { name: "DuraShock", y: null, color: material_color_boron_carbide },
          { name: "DuraWear", y: null, color: material_color_boron_carbide }
        ]
      },
      {
        id: "Thermal Conductivity - Silicon Nitride",
        name: "Thermal Conductivity - Silicon Nitride",
        url: url_base + url_path_material_silicon_nitride,
        tooltip: { valueSuffix: label_unit_thermal_conductivity },
        showInLegend: false,
        data: [
          { name: "PCSN1000", y: 25, color: material_color_silicon_nitride },
          { name: "PCSN2000", y: 24, color: material_color_silicon_nitride },
          { name: "PCSN3000", y: 25, color: material_color_silicon_nitride },
          { name: "PCSN4000", y: 28, color: material_color_silicon_nitride }
        ]
      },
      {
        id: "Thermal Conductivity - Zirconia",
        name: "Thermal Conductivity - Zirconia",
        propertyName: "Thermal Conductivity",
        materialName: "Zirconia",
        url: url_base + url_path_material_zirconia,
        tooltip: { valueSuffix: label_unit_thermal_conductivity },
        showInLegend: false,
        data: [
          { name: "CeramaZirc Ultra Tough", y: 3, color: material_color_zirconia },
          { name: "CeramaZirc Ultra Tough HIP", y: 3, color: material_color_zirconia },
          { name: "3YZ", y: 2, color: material_color_zirconia },
          { name: "CeramaZirc Nano HIP", y: 2, color: material_color_zirconia }
        ]
      },
      {
        id: "Thermal Conductivity - Zirconia Toughened Alumina",
        name: "Thermal Conductivity - Zirconia Toughened Alumina",
        propertyName: "Thermal Conductivity",
        materialName: "Zirconia Toughened Alumina",
        url: url_base + url_path_material_zta,
        tooltip: { valueSuffix: label_unit_thermal_conductivity },
        showInLegend: false,
        data: [
          { name: "CeramAlloy Ultra Hard", y: 20, color: material_color_zta },
          { name: "CeramAlloy ZTA", y: 20, color: material_color_zta }
        ],
      },
      {
        id: "Thermal Expansion - Alumina",
        name: "Thermal Expansion - Alumina",
        propertyName: "Thermal Expansion",
        materialName: "Alumina",
        url: url_base + url_path_material_alumina,
        tooltip: { valueSuffix: label_unit_thermal_expansion_alumina },
        showInLegend: false,
        data: [
          { name: "CeramAlox Ultra Pure", y: 7.5, color: material_color_alumina },
          { name: "CeramAlox 99.7", y: 6.5, color: material_color_alumina },
          { name: "CeramAlox 96", y: 6.3, color: material_color_alumina }
        ]
      },
      {
        id: "Thermal Expansion - Aluminium Nitride",
        name: "Thermal Expansion - " + label_text_material_aln,
        propertyName: "Thermal Expansion",
        materialName: label_text_material_aln,
        url: url_base + url_path_material_aln,
        showInLegend: false,
        tooltip: { valueSuffix: label_unit_thermal_expansion_aln },
        data: [
          { name: "PCAN1000", y: 4.5, color: material_color_aluminum_nitride },
          { name: "PCAN2000", y: 4.5, color: material_color_aluminum_nitride },
          { name: "PCAN3000", y: 4.5, color: material_color_aluminum_nitride },
          { name: "PCAN1000S", y: 4.6, color: material_color_aluminum_nitride }
        ]
      },
      {
        id: "Thermal Expansion - Boron Nitride",
        name: "Thermal Expansion - Boron Nitride",
        propertyName: "Thermal Expansion",
        materialName: "Boron Nitride",
        url: url_base + url_path_material_boron_nitride,
        tooltip: { valueSuffix: label_unit_thermal_expansion_boron_nitride },
        showInLegend: false,
        data: [
          { name: "Pure Grades" + symbol_drilldown, y: 1.0, color: material_color_boron_nitride, drilldown: "Thermal Expansion - Boron Nitride - Pure Grades" },
          { name: "Binder / Composite Grades" + symbol_drilldown, y: 4.0, color: material_color_boron_nitride, drilldown: "Thermal Expansion - Boron Nitride - Binder / Composite Grades" },
          { name: "Mechanical Grades" + symbol_drilldown, y: 8.0, color: material_color_boron_nitride, drilldown: "Thermal Expansion - Boron Nitride - Mechanical Grades" }
        ]
      },
      {
        id: "Thermal Expansion - Boron Nitride - Pure Grades",
        name: "Thermal Expansion - Boron Nitride - Pure Grades",
        propertyName: "Thermal Expansion",
        materialName: "Boron Nitride",
        url: url_base + url_path_material_boron_nitride,
        tooltip: { valueSuffix: label_unit_thermal_expansion_boron_nitride },
        showInLegend: false,
        color: material_color_boron_nitride,
        data: [
          { name: "PCBN3000 " + symbol_parallel, y: -2.3, color: material_color_boron_nitride },
          { name: "PCBN3000 " + symbol_perpendicular, y: -0.7, color: material_color_boron_nitride },
          { name: "PCBN6000", y: -0.6, color: material_color_boron_nitride },
          { name: "PCBN11000 " + symbol_parallel, y: 1.0, color: material_color_boron_nitride },
          { name: "PCBN11000 " + symbol_perpendicular, y: 0.5, color: material_color_boron_nitride },
          { name: "Grade AX05 " + symbol_parallel, y: -2.3, color: material_color_boron_nitride },
          { name: "Grade AX05 " + symbol_perpendicular, y: -0.7, color: material_color_boron_nitride }
        ]
      },
      {
        id: "Thermal Expansion - Boron Nitride - Binder / Composite Grades",
        name: "Thermal Expansion - Boron Nitride - Binder / Composite Grades",
        propertyName: "Thermal Expansion",
        materialName: "Boron Nitride",
        url: url_base + url_path_material_boron_nitride,
        tooltip: { valueSuffix: label_unit_thermal_expansion_boron_nitride },
        showInLegend: false,
        color: material_color_boron_nitride,
        data: [
          { name: "PCBN4000 " + symbol_parallel, y: 0.6, color: material_color_boron_nitride },
          { name: "PCBN4000 " + symbol_perpendicular, y: 0.4, color: material_color_boron_nitride },
          { name: "PCBN5000 " + symbol_parallel, y: 3.0, color: material_color_boron_nitride },
          { name: "PCBN5000 " + symbol_perpendicular, y: 0.4, color: material_color_boron_nitride },
          { name: "PCBN9000 " + symbol_parallel, y: 4.0, color: material_color_boron_nitride },
          { name: "PCBN9000 " + symbol_perpendicular, y: 3.0, color: material_color_boron_nitride },
          { name: "Grade A " + symbol_parallel, y: 3.0, color: material_color_boron_nitride },
          { name: "Grade A " + symbol_perpendicular, y: 3.0, color: material_color_boron_nitride },
          { name: "Grade HP " + symbol_parallel, y: 0.6, color: material_color_boron_nitride },
          { name: "Grade HP " + symbol_perpendicular, y: 0.4, color: material_color_boron_nitride },
          { name: "Grade M26 " + symbol_parallel, y: 3.0, color: material_color_boron_nitride },
          { name: "Grade M26 " + symbol_perpendicular, y: 0.4, color: material_color_boron_nitride }
        ]
      },
      {
        id: "Thermal Expansion - Boron Nitride - Mechanical Grades",
        name: "Thermal Expansion - Boron Nitride - Mechanical Grades",
        propertyName: "Thermal Expansion",
        materialName: "Boron Nitride",
        url: url_base + url_path_material_boron_nitride,
        tooltip: { valueSuffix: label_unit_thermal_expansion_boron_nitride },
        showInLegend: false,
        color: material_color_boron_nitride,
        data: [
          { name: "PCBN7000 " + symbol_parallel, y: 8.0, color: material_color_boron_nitride },
          { name: "PCBN7000 " + symbol_perpendicular, y: 4.0, color: material_color_boron_nitride },
          { name: "PCBN8000 " + symbol_parallel, y: 4.6, color: material_color_boron_nitride },
          { name: "PCBN8000 " + symbol_perpendicular, y: 2.5, color: material_color_boron_nitride },
          { name: "Grade ZSBN " + symbol_parallel, y: 4.1, color: material_color_boron_nitride },
          { name: "Grade ZSBN " + symbol_perpendicular, y: 3.4, color: material_color_boron_nitride }
        ]
      },
      {
        id: "Thermal Expansion - Silicon Nitride",
        name: "Thermal Expansion - Silicon Nitride",
        propertyName: "Thermal Expansion",
        materialName: "Silicon Nitride",
        url: url_base + url_path_material_silicon_nitride,
        tooltip: { valueSuffix: label_unit_thermal_expansion_silicon_nitride },
        showInLegend: false,
        data: [
          { name: "PCSN1000", y: 1.9, color: material_color_silicon_nitride },
          { name: "PCSN2000", y: 1.9, color: material_color_silicon_nitride },
          { name: "PCSN3000", y: 1.9, color: material_color_silicon_nitride },
          { name: "PCSN4000", y: 1.9, color: material_color_silicon_nitride }
        ]
      },
      {
        id: "Thermal Expansion - Zirconia",
        name: "Thermal Expansion - Zirconia",
        propertyName: "Thermal Expansion",
        materialName: "Zirconia",
        url: url_base + url_path_material_zirconia,
        tooltip: { valueSuffix: label_unit_thermal_expansion },
        showInLegend: false,
        data: [
          { name: "CeramaZirc Ultra Tough", y: 10, color: material_color_zirconia },
          { name: "CeramaZirc Ultra Tough HIP", y: 10, color: material_color_zirconia },
          { name: "3YZ", y: 10, color: material_color_zirconia },
          { name: "CeramaZirc Nano HIP", y: 10, color: material_color_zirconia }
        ]
      },
      {
        id: "Thermal Expansion - Zirconia Toughened Alumina",
        name: "Thermal Expansion - Zirconia Toughened Alumina",
        propertyName: "Thermal Expansion",
        materialName: "Zirconia Toughened Alumina",
        url: url_base + url_path_material_zta,
        tooltip: { valueSuffix: label_unit_thermal_expansion },
        showInLegend: false,
        data: [
          { name: "CeramAlloy Ultra Hard", y: 7.5, color: material_color_zta },
          { name: "CeramAlloy ZTA", y: 7, color: material_color_zta }
        ]
      },

      /**
       * Volume Resistivity Drilldowns
       */

      {
        id: "Volume Resistivity - Alumina",
        name: "Volume Resistivity - Alumina",
        propertyName: "Volume Resistivity",
        materialName: "Alumina",
        url: url_base + url_path_material_alumina,
        tooltip: { valueSuffix: label_unit_volume_resistivity },
        showInLegend: false,
        data: [
          { name: "CeramAlox Ultra Pure", y: 14, color: material_color_alumina },
          { name: "CeramAlox 99.7", y: 14, color: material_color_alumina },
          { name: "CeramAlox 96", y: 16, color: material_color_alumina }
        ]
      },
      {
        id: "Volume Resistivity - Aluminium Nitride",
        name: "Volume Resistivity - " + label_text_material_aln,
        propertyName: "Volume Resistivity",
        materialName: label_text_material_aln,
        url: url_base + url_path_material_aln,
        showInLegend: false,
        tooltip: { valueSuffix: label_unit_volume_resistivity },
        data: [
          { name: "PCAN1000S", y: 14, color: material_color_aluminum_nitride },
          { name: "PCAN1000", y: 13, color: material_color_aluminum_nitride },
          { name: "PCAN2000", y: 13, color: material_color_aluminum_nitride },
          { name: "PCAN3000", y: 13, color: material_color_aluminum_nitride },
          { name: "PCAN4000", y: 14, color: material_color_aluminum_nitride }
        ]
      },
      {
        id: "Volume Resistivity - Boron Nitride",
        name: "Volume Resistivity - Boron Nitride",
        propertyName: "Volume Resistivity",
        materialName: "Boron Nitride",
        url: url_base + url_path_material_boron_nitride,
        tooltip: { valueSuffix: label_unit_volume_resistivity },
        showInLegend: false,
        data: [
          // Pure category has no data in CSV; omit or leave as null
          { name: "Binder / Composite Grades" + symbol_drilldown, y: 14, color: material_color_boron_nitride, drilldown: "Volume Resistivity - Boron Nitride - Binder / Composite Grades" },
          { name: "Mechanical Grades" + symbol_drilldown, y: 13, color: material_color_boron_nitride, drilldown: "Volume Resistivity - Boron Nitride - Mechanical Grades" }
        ]
      },
      {
        id: "Volume Resistivity - Boron Nitride - Binder / Composite Grades",
        name: "Volume Resistivity - Boron Nitride - Binder / Composite Grades",
        propertyName: "Volume Resistivity",
        materialName: "Boron Nitride",
        url: url_base + url_path_material_boron_nitride,
        tooltip: { valueSuffix: label_unit_volume_resistivity },
        showInLegend: false,
        color: material_color_boron_nitride,
        data: [
          { name: "Grade HP " + symbol_parallel, y: 13, color: material_color_boron_nitride },
          { name: "Grade HP " + symbol_perpendicular, y: 14, color: material_color_boron_nitride },
          { name: "Grade M26 " + symbol_parallel, y: 13, color: material_color_boron_nitride },
          { name: "Grade M26 " + symbol_perpendicular, y: 14, color: material_color_boron_nitride }
        ]
      },
      {
        id: "Volume Resistivity - Boron Nitride - Mechanical Grades",
        name: "Volume Resistivity - Boron Nitride - Mechanical Grades",
        propertyName: "Volume Resistivity",
        materialName: "Boron Nitride",
        url: url_base + url_path_material_boron_nitride,
        tooltip: { valueSuffix: label_unit_volume_resistivity },
        showInLegend: false,
        color: material_color_boron_nitride,
        data: [
          { name: "Grade ZSBN " + symbol_parallel, y: 13, color: material_color_boron_nitride },
          { name: "Grade ZSBN " + symbol_perpendicular, y: 12, color: material_color_boron_nitride }
        ]
      },
      {
        id: "Volume Resistivity - Silicon Nitride",
        name: "Volume Resistivity - Silicon Nitride",
        propertyName: "Volume Resistivity",
        materialName: "Silicon Nitride",
        url: url_base + url_path_material_silicon_nitride,
        tooltip: { valueSuffix: label_unit_volume_resistivity },
        showInLegend: false,
        data: [
          { name: "PCSN1000", y: 14, color: material_color_silicon_nitride },
          { name: "PCSN2000", y: 14, color: material_color_silicon_nitride },
          { name: "PCSN3000", y: 14, color: material_color_silicon_nitride },
          { name: "PCSN4000", y: 12, color: material_color_silicon_nitride }
        ]
      },
      {
        id: "Volume Resistivity - Zirconia",
        name: "Volume Resistivity - Zirconia",
        propertyName: "Volume Resistivity",
        materialName: "Zirconia",
        url: url_base + url_path_material_zirconia,
        tooltip: { valueSuffix: label_unit_volume_resistivity },
        showInLegend: false,
        data: [
          { name: "Ultra Tough", y: 12, color: material_color_zirconia },
          { name: "Ultra Tough HIP", y: 12, color: material_color_zirconia },
          { name: "3YZ", y: 12, color: material_color_zirconia },
          { name: "Nano HIP", y: 12, color: material_color_zirconia }
        ]
      },
      {
        id: "Volume Resistivity - Zirconia Toughened Alumina",
        name: "Volume Resistivity - Zirconia Toughened Alumina",
        propertyName: "Volume Resistivity",
        materialName: "Zirconia Toughened Alumina",
        url: url_base + url_path_material_zta,
        tooltip: { valueSuffix: label_unit_volume_resistivity },
        showInLegend: false,
        data: [
          { name: "CeramAlloy ZTA", y: 16, color: material_color_zta },
          { name: "CeramAlloy Ultra Hard", y: 16, color: material_color_zta }
        ]
      },

      /**
       * Young's Modulus Drilldowns
       */

      {
        id: "Youngs Modulus - Alumina",
        name: "Young's Modulus - Alumina",
        propertyName: "Youngs Modulus",
        materialName: "Alumina",
        url: url_base + url_path_material_alumina,
        tooltip: { valueSuffix: label_unit_youngs_modulus },
        showInLegend: false,
        data: [
          { name: "CeramAlox Ultra Pure", y: 300, color: material_color_alumina },
          { name: "CeramAlox 99.7", y: 370, color: material_color_alumina },
          { name: "CeramAlox 96", y: 400, color: material_color_alumina }
        ]
      },
      {
        id: "Youngs Modulus - Aluminum Nitride",
        name: "Young's Modulus - " + label_text_material_aln,
        propertyName: "Youngs Modulus",
        materialName: label_text_material_aln,
        url: url_base + url_path_material_aln,
        showInLegend: false,
        tooltip: { valueSuffix: label_unit_youngs_modulus },
        data: [
          { name: "PCAN1000S", y: 350, color: material_color_aluminum_nitride },
          { name: "PCAN1000", y: 325, color: material_color_aluminum_nitride },
          { name: "PCAN2000", y: 325, color: material_color_aluminum_nitride },
          { name: "PCAN3000", y: 325, color: material_color_aluminum_nitride },
          { name: "PCAN4000", y: 325, color: material_color_aluminum_nitride }
        ]
      },
      {
        id: "Youngs Modulus - Boron Nitride",
        name: "Young's Modulus - Boron Nitride",
        propertyName: "Youngs Modulus",
        materialName: "Boron Nitride",
        url: url_base + url_path_material_boron_nitride,
        tooltip: { valueSuffix: label_unit_youngs_modulus },
        showInLegend: false,
        data: [
          { name: "Pure Grades" + symbol_drilldown, y: 73, color: material_color_boron_nitride, drilldown: "Youngs Modulus - Boron Nitride - Pure Grades" },
          { name: "Binder / Composite Grades" + symbol_drilldown, y: 74, color: material_color_boron_nitride, drilldown: "Youngs Modulus - Boron Nitride - Binder / Composite Grades" },
          { name: "Mechanical Grades" + symbol_drilldown, y: 71, color: material_color_boron_nitride, drilldown: "Youngs Modulus - Boron Nitride - Mechanical Grades" }
        ]
      },
      {
        id: "Youngs Modulus - Boron Nitride - Pure Grades",
        name: "Young's Modulus - Boron Nitride - Pure Grades",
        propertyName: "Youngs Modulus",
        materialName: "Boron Nitride",
        url: url_base + url_path_material_boron_nitride,
        tooltip: { valueSuffix: label_unit_youngs_modulus },
        showInLegend: false,
        color: material_color_boron_nitride,
        data: [
          { name: "PCBN3000 " + symbol_parallel, y: 45, color: material_color_boron_nitride },
          { name: "PCBN3000 " + symbol_perpendicular, y: 73, color: material_color_boron_nitride },
          { name: "PCBN6000", y: 12, color: material_color_boron_nitride },
          { name: "PCBN11000 " + symbol_parallel, y: 23, color: material_color_boron_nitride },
          { name: "PCBN11000 " + symbol_perpendicular, y: 20, color: material_color_boron_nitride },
          { name: "Grade AX05 " + symbol_parallel, y: 17, color: material_color_boron_nitride },
          { name: "Grade AX05 " + symbol_perpendicular, y: 71, color: material_color_boron_nitride }
        ]
      },
      {
        id: "Youngs Modulus - Boron Nitride - Binder / Composite Grades",
        name: "Young's Modulus - Boron Nitride - Binder / Composite Grades",
        propertyName: "Youngs Modulus",
        materialName: "Boron Nitride",
        url: url_base + url_path_material_boron_nitride,
        tooltip: { valueSuffix: label_unit_youngs_modulus },
        showInLegend: false,
        color: material_color_boron_nitride,
        data: [
          { name: "PCBN4000 " + symbol_parallel, y: 39, color: material_color_boron_nitride },
          { name: "PCBN4000 " + symbol_perpendicular, y: 58, color: material_color_boron_nitride },
          { name: "PCBN9000 " + symbol_parallel, y: 30, color: material_color_boron_nitride },
          { name: "PCBN9000 " + symbol_perpendicular, y: 25, color: material_color_boron_nitride },
          { name: "Grade A " + symbol_parallel, y: 47, color: material_color_boron_nitride },
          { name: "Grade A " + symbol_perpendicular, y: 74, color: material_color_boron_nitride },
          { name: "Grade HP " + symbol_parallel, y: 40, color: material_color_boron_nitride },
          { name: "Grade HP " + symbol_perpendicular, y: 60, color: material_color_boron_nitride }
        ]
      },
      {
        id: "Youngs Modulus - Boron Nitride - Mechanical Grades",
        name: "Young's Modulus - Boron Nitride - Mechanical Grades",
        propertyName: "Youngs Modulus",
        materialName: "Boron Nitride",
        url: url_base + url_path_material_boron_nitride,
        tooltip: { valueSuffix: label_unit_youngs_modulus },
        showInLegend: false,
        color: material_color_boron_nitride,
        data: [
          { name: "PCBN7000 " + symbol_parallel, y: 45, color: material_color_boron_nitride },
          { name: "PCBN7000 " + symbol_perpendicular, y: 30, color: material_color_boron_nitride },
          { name: "PCBN8000 " + symbol_parallel, y: 45, color: material_color_boron_nitride },
          { name: "PCBN8000 " + symbol_perpendicular, y: 30, color: material_color_boron_nitride },
          { name: "Grade ZSBN " + symbol_parallel, y: 71, color: material_color_boron_nitride },
          { name: "Grade ZSBN " + symbol_perpendicular, y: 71, color: material_color_boron_nitride }
        ]
      },
      {
        id: "Youngs Modulus - Silicon Nitride",
        name: "Young's Modulus - Silicon Nitride",
        propertyName: "Youngs Modulus",
        materialName: "Silicon Nitride",
        url: url_base + url_path_material_silicon_nitride,
        tooltip: { valueSuffix: label_unit_youngs_modulus },
        showInLegend: false,
        data: [
          { name: "PCSN1000", y: 300, color: material_color_silicon_nitride },
          { name: "PCSN2000", y: 300, color: material_color_silicon_nitride },
          { name: "PCSN3000", y: 305, color: material_color_silicon_nitride },
          { name: "PCSN4000", y: 340, color: material_color_silicon_nitride }
        ]
      },
      {
        id: "Youngs Modulus - Zirconia",
        name: "Young's Modulus - Zirconia",
        propertyName: "Youngs Modulus",
        materialName: "Zirconia",
        url: url_base + url_path_material_zirconia,
        tooltip: { valueSuffix: label_unit_youngs_modulus },
        showInLegend: false,
        data: [
          { name: "Ultra Tough", y: 200, color: material_color_zta },
          { name: "Ultra Tough HIP", y: 200, color: material_color_zta },
          { name: "3YZ", y: 200, color: material_color_zta },
          { name: "Nano HIP", y: 200, color: material_color_zta }
        ]
      },
      {
        id: "Youngs Modulus - Zirconia Toughened Alumina",
        name: "Young's Modulus - Zirconia Toughened Alumina",
        propertyName: "Youngs Modulus",
        materialName: "Zirconia Toughened Alumina",
        url: url_base + url_path_material_zta,
        tooltip: { valueSuffix: label_unit_youngs_modulus },
        showInLegend: false,
        data: [
          { name: "CeramAlloy ZTA", y: 335, color: material_color_zta },
          { name: "CeramAlloy Ultra Hard", y: 350, color: material_color_zta }
        ]
      },

      /**
       * Dielectric Strength Drilldowns
       */

      {
        id: "Dielectric Strength - Alumina",
        name: "Dielectric Strength - Alumina",
        propertyName: "Dielectric Strength",
        materialName: "Alumina",
        url: url_base + url_path_material_alumina,
        tooltip: { valueSuffix: label_unit_dielectric_strength },
        showInLegend: false,
        data: [
          { name: "CeramAlox 96", y: 9, color: material_color_alumina },
          { name: "CeramAlox 99.7", y: 11, color: material_color_alumina },
          { name: "CeramAlox Ultra Pure", y: 16, color: material_color_alumina }
        ]
      },
      {
        id: "Dielectric Strength - Aluminum Nitride",
        name: "Dielectric Strength - " + label_text_material_aln,
        propertyName: "Dielectric Strength",
        materialName: label_text_material_aln,
        url: url_base + url_path_material_aln,
        showInLegend: false,
        tooltip: { valueSuffix: label_unit_dielectric_strength },
        data: [
          { name: "PCAN1000S", y: 14, color: material_color_aluminum_nitride },
          { name: "PCAN1000", y: 15, color: material_color_aluminum_nitride },
          { name: "PCAN2000", y: 15, color: material_color_aluminum_nitride },
          { name: "PCAN3000", y: 15, color: material_color_aluminum_nitride },
          { name: "PCAN4000", y: 15, color: material_color_aluminum_nitride }
        ]
      },
      {
        id: "Dielectric Strength - Boron Nitride",
        name: "Dielectric Strength - Boron Nitride",
        propertyName: "Dielectric Strength",
        materialName: "Boron Nitride",
        url: url_base + url_path_material_boron_nitride,
        tooltip: { valueSuffix: label_unit_dielectric_strength },
        showInLegend: false,
        data: [
          { name: "Pure Grades" + symbol_drilldown, y: 40, color: material_color_boron_nitride, drilldown: "Dielectric Strength - Boron Nitride - Pure Grades" },
          { name: "Binder / Composite Grades" + symbol_drilldown, y: 50, color: material_color_boron_nitride, drilldown: "Dielectric Strength - Boron Nitride - Binder / Composite Grades" },
          { name: "Mechanical Grades" + symbol_drilldown, y: 3.5, color: material_color_boron_nitride, drilldown: "Dielectric Strength - Boron Nitride - Mechanical Grades" }
        ]
      },
      {
        id: "Dielectric Strength - Boron Nitride - Pure Grades",
        name: "Dielectric Strength - Boron Nitride - Pure Grades",
        propertyName: "Dielectric Strength",
        materialName: "Boron Nitride",
        url: url_base + url_path_material_boron_nitride,
        tooltip: { valueSuffix: label_unit_dielectric_strength },
        showInLegend: false,
        color: material_color_boron_nitride,
        data: [
          { name: "PCBN1000", y: 40, color: material_color_boron_nitride },
          { name: "PCBN3000", y: 40, color: material_color_boron_nitride },
          { name: "Grade AX05", y: 40, color: material_color_boron_nitride }
        ]
      },
      {
        id: "Dielectric Strength - Boron Nitride - Binder / Composite Grades",
        name: "Dielectric Strength - Boron Nitride - Binder / Composite Grades",
        propertyName: "Dielectric Strength",
        materialName: "Boron Nitride",
        url: url_base + url_path_material_boron_nitride,
        tooltip: { valueSuffix: label_unit_dielectric_strength },
        showInLegend: false,
        color: material_color_boron_nitride,
        data: [
          { name: "PCBN2000", y: 40, color: material_color_boron_nitride },
          { name: "PCBN4000", y: 40, color: material_color_boron_nitride },
          { name: "PCBN5000", y: 50, color: material_color_boron_nitride },
          // HP has ranges; use midpoints for each orientation
          { name: "Grade HP " + symbol_parallel, y: 2.25, color: material_color_boron_nitride },
          { name: "Grade HP " + symbol_perpendicular, y: 2.55, color: material_color_boron_nitride },
          { name: "Grade M26", y: 66, color: material_color_boron_nitride }
        ]
      },
      {
        id: "Dielectric Strength - Boron Nitride - Mechanical Grades",
        name: "Dielectric Strength - Boron Nitride - Mechanical Grades",
        propertyName: "Dielectric Strength",
        materialName: "Boron Nitride",
        url: url_base + url_path_material_boron_nitride,
        tooltip: { valueSuffix: label_unit_dielectric_strength },
        showInLegend: false,
        color: material_color_boron_nitride,
        data: [
          { name: "Grade ZSBN", y: 3.5, color: material_color_boron_nitride }
        ]
      },
      {
        id: "Dielectric Strength - Silicon Nitride",
        name: "Dielectric Strength - Silicon Nitride",
        propertyName: "Dielectric Strength",
        materialName: "Silicon Nitride",
        url: url_base + url_path_material_silicon_nitride,
        tooltip: { valueSuffix: label_unit_dielectric_strength },
        showInLegend: false,
        data: [
          { name: "PCSN1000", y: 19, color: material_color_silicon_nitride },
          { name: "PCSN2000", y: 19, color: material_color_silicon_nitride },
          { name: "PCSN3000", y: 19, color: material_color_silicon_nitride },
          { name: "PCSN4000", y: 19, color: material_color_silicon_nitride }
        ]
      },
      {
        id: "Dielectric Strength - Zirconia",
        name: "Dielectric Strength - Zirconia",
        propertyName: "Dielectric Strength",
        materialName: "Zirconia",
        url: url_base + url_path_material_zirconia,
        tooltip: { valueSuffix: label_unit_dielectric_strength },
        showInLegend: false,
        data: [
          { name: "Ultra Tough", y: 18, color: material_color_zta },
          { name: "Ultra Tough HIP", y: 18, color: material_color_zta },
          { name: "3YZ", y: 18, color: material_color_zta },
          { name: "Nano HIP", y: 18, color: material_color_zta }
        ]
      },
      {
        id: "Dielectric Strength - Zirconia Toughened Alumina",
        name: "Dielectric Strength - Zirconia Toughened Alumina",
        propertyName: "Dielectric Strength",
        materialName: "Zirconia Toughened Alumina",
        url: url_base + url_path_material_zta,
        tooltip: { valueSuffix: label_unit_dielectric_strength },
        showInLegend: false,
        data: [
          { name: "CeramAlloy ZTA", y: 16, color: material_color_zta },
          { name: "CeramAlloy Ultra Hard", y: 16, color: material_color_zta }
        ]
      },

      /**
       * Dielectric Constant Drilldowns
       */

      {
        id: "Dielectric Constant - Alumina",
        name: "Dielectric Constant - Alumina",
        propertyName: "Dielectric Constant",
        materialName: "Alumina",
        url: url_base + url_path_material_alumina,
        tooltip: { valueSuffix: label_unit_dielectric_constant },
        showInLegend: false,
        data: [
          { name: "CeramAlox Ultra Pure", y: 9.9, color: material_color_alumina },
          { name: "CeramAlox 99.7", y: 9.9, color: material_color_alumina },
          { name: "CeramAlox 96", y: 9.8, color: material_color_alumina }
        ]
      },
      {
        id: "Dielectric Constant - Aluminum Nitride",
        name: "Dielectric Constant - " + label_text_material_aln,
        propertyName: "Dielectric Constant",
        materialName: label_text_material_aln,
        url: url_base + url_path_material_aln,
        showInLegend: false,
        tooltip: { valueSuffix: label_unit_dielectric_constant },
        data: [
          { name: "PCAN1000S", y: 8.8, color: material_color_aluminum_nitride },
          { name: "PCAN1000", y: 8.8, color: material_color_aluminum_nitride },
          { name: "PCAN2000", y: 8.8, color: material_color_aluminum_nitride },
          { name: "PCAN3000", y: 8.5, color: material_color_aluminum_nitride },
          { name: "PCAN4000", y: 8.5, color: material_color_aluminum_nitride }
        ]
      },
      {
        id: "Dielectric Constant - Boron Nitride",
        name: "Dielectric Constant - Boron Nitride",
        propertyName: "Dielectric Constant",
        materialName: "Boron Nitride",
        url: url_base + url_path_material_boron_nitride,
        tooltip: { valueSuffix: label_unit_dielectric_constant },
        showInLegend: false,
        data: [
          { name: "Pure Grades" + symbol_drilldown, y: 4.0, color: material_color_boron_nitride, drilldown: "Dielectric Constant - Boron Nitride - Pure Grades" },
          { name: "Binder / Composite Grades" + symbol_drilldown, y: 4.5, color: material_color_boron_nitride, drilldown: "Dielectric Constant - Boron Nitride - Binder / Composite Grades" },
          { name: "Mechanical Grades" + symbol_drilldown, y: 19, color: material_color_boron_nitride, drilldown: "Dielectric Constant - Boron Nitride - Mechanical Grades" }
        ]
      },
      {
        id: "Dielectric Constant - Boron Nitride - Pure Grades",
        name: "Dielectric Constant - Boron Nitride - Pure Grades",
        propertyName: "Dielectric Constant",
        materialName: "Boron Nitride",
        url: url_base + url_path_material_boron_nitride,
        tooltip: { valueSuffix: label_unit_dielectric_constant },
        showInLegend: false,
        color: material_color_boron_nitride,
        data: [
          { name: "PCBN3000", y: 4.0, color: material_color_boron_nitride },
          { name: "Grade AX05", y: 4.0, color: material_color_boron_nitride }
        ]
      },
      {
        id: "Dielectric Constant - Boron Nitride - Binder / Composite Grades",
        name: "Dielectric Constant - Boron Nitride - Binder / Composite Grades",
        propertyName: "Dielectric Constant",
        materialName: "Boron Nitride",
        url: url_base + url_path_material_boron_nitride,
        tooltip: { valueSuffix: label_unit_dielectric_constant },
        showInLegend: false,
        color: material_color_boron_nitride,
        data: [
          { name: "PCBN4000", y: 4.0, color: material_color_boron_nitride },
          { name: "PCBN5000", y: 4.0, color: material_color_boron_nitride },
          { name: "Grade HP " + symbol_parallel, y: 4.3, color: material_color_boron_nitride },
          { name: "Grade HP " + symbol_perpendicular, y: 4.0, color: material_color_boron_nitride },
          { name: "Grade M26 " + symbol_parallel, y: 4.5, color: material_color_boron_nitride },
          { name: "Grade M26 " + symbol_perpendicular, y: 3.8, color: material_color_boron_nitride }
        ]
      },
      {
        id: "Dielectric Constant - Boron Nitride - Mechanical Grades",
        name: "Dielectric Constant - Boron Nitride - Mechanical Grades",
        propertyName: "Dielectric Constant",
        materialName: "Boron Nitride",
        url: url_base + url_path_material_boron_nitride,
        tooltip: { valueSuffix: label_unit_dielectric_constant },
        showInLegend: false,
        color: material_color_boron_nitride,
        data: [
          { name: "Grade ZSBN " + symbol_parallel, y: 18, color: material_color_boron_nitride },
          { name: "Grade ZSBN " + symbol_perpendicular, y: 19, color: material_color_boron_nitride }
        ]
      },
      {
        id: "Dielectric Constant - Silicon Nitride",
        name: "Dielectric Constant - Silicon Nitride",
        propertyName: "Dielectric Constant",
        materialName: "Silicon Nitride",
        url: url_base + url_path_material_silicon_nitride,
        tooltip: { valueSuffix: label_unit_dielectric_constant },
        showInLegend: false,
        data: [
          { name: "PCSN1000", y: 8, color: material_color_silicon_nitride },
          { name: "PCSN2000", y: 8, color: material_color_silicon_nitride },
          { name: "PCSN3000", y: 8, color: material_color_silicon_nitride },
          { name: "PCSN4000", y: 7, color: material_color_silicon_nitride }
        ]
      },
      {
        id: "Dielectric Constant - Zirconia",
        name: "Dielectric Constant - Zirconia",
        propertyName: "Dielectric Constant",
        materialName: "Zirconia",
        url: url_base + url_path_material_zirconia,
        tooltip: { valueSuffix: label_unit_dielectric_constant },
        showInLegend: false,
        data: [
          { name: "Ultra Tough", y: 29, color: material_color_zta },
          { name: "Ultra Tough HIP", y: 29, color: material_color_zta },
          { name: "3YZ", y: 29, color: material_color_zta },
          { name: "Nano HIP", y: 29, color: material_color_zta }
        ]
      },
      {
        id: "Dielectric Constant - Zirconia Toughened Alumina",
        name: "Dielectric Constant - Zirconia Toughened Alumina",
        propertyName: "Dielectric Constant",
        materialName: "Zirconia Toughened Alumina",
        url: url_base + url_path_material_zta,
        tooltip: { valueSuffix: label_unit_dielectric_constant },
        showInLegend: false,
        data: [
          { name: "CeramAlloy ZTA", y: 10, color: material_color_zta },
          { name: "CeramAlloy Ultra Hard", y: 10, color: material_color_zta }
        ]
      }
    ]



  // Create Highchart
  const chart = new Highcharts.Chart(
    {
      chart: {
        renderTo: "highcharts-container",
        type: "column",
        events: {
          // 处理向下钻取事件
          drilldown: function (e) {
            if (!e.seriesOptions) {
              let drilldownName = e.point.drilldown;
              showDrilldown(this, drilldownName);
            }
          },

          drillup: function (e) {
            showSeries(this, last_series_index);
          },

          load: function () {
            var defaultSeriesIndex = property_ids.indexOf(default_property);
            showSeries(this, defaultSeriesIndex);
          }
        },
      },
      title: {
        text: property_text,
        style: {
          fontSize: 'var(--dm-font-h1-size)'
        },
        margin: 21, // 默认是 15，这里可以加大距离
      },
      subtitle:
      {
        style: {
          fontSize: 'var(--dm-font-body-text)'
        },
        align: "center",
        text: getMoreAboutInfo()
      },
      xAxis: {
        gridLineWidth: 1,
        type: "category",
        min: 0,
        max: 20,
        tickmarkPlacement: 'on',
        tickPositions: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19],
        labels: {
          allowOverlap: true,
          style: {
            fontSize: 'var(--dm-font-body-text)',
          }
        },
        gridLineDashStyle: 'Dash'
      },
      yAxis: {
        type: 'linear',
        labels: {
          formatter: function () {
            if (this.value < 1000) {
              return this.value
            }
            return this.value / 1000 + 'k'
          },
          style: {
            fontSize: 'var(--dm-font-body-text)'
          },
        },
        title: {
          useHTML: true,
          style: {
            fontSize: 'var(--dm-font-body-text)'
          },
        },
        gridLineDashStyle: 'Dash'
      },
      legend: {
        itemMarginBottom: 10,
        enabled: false
      },
      exporting: {
        enabled: true,
      },
      plotOptions: {
        line: {
          lineWidth: 1,
          dataLabels: {
            enabled: true
          },
        },
        series: {
          marker: {
            enabled: true
          },
          events: {

            show: (function () {
            }),

            hide: (function () {
            }),

            // Handle Legend/Series item clicks
            legendItemClick: function () {
            },

            click: function (event) {
            },
          },
        },
        column: {
        }
      },
      tooltip: {
        useHTML: true,
        style: {
          fontSize: 'var(--dm-font-body-text)'
        },
        formatter: function () {

          let tools = this.series.tooltipOptions.valueSuffix; // Otherwise, default to unit for the series

          // Format the point name (removing drilldown symbols)
          let friendly_point_name = (this.point.name).replace(symbol_drilldown, "");

          // Display large point values with comma separators
          let friendly_point_value = this.point.y;
          if (this.point.y >= 1000) {
            friendly_point_value = Highcharts.numberFormat(this.point.y, 0, ".", ",");
          }

          // Formal tooltip text
          if (this.point.drilldown) {
            return friendly_point_name + '<br>' + property_text + ': ' + friendly_point_value + ' ' + tools + '<br/><span style="opacity: 0.7;">(Click for grades)</span>'
          } else {
            return friendly_point_name + '<br>' + property_text + ': ' + friendly_point_value + ' ' + tools;
          }
        }
      },
      series: [{
        data: {}
      }],
      /*series: [{
          data: getSeriesData()[0]
      }],*/
      drilldown: {
        breadcrumbs: {
          floating: true,
          position: {
            align: "left",
            x: 6,
            y: -2
          },
          showFullPath: false,
          format: symbol_back + " Back to All Materials"
        },
        //series: getDrilldowns()
        series: {}
        //series: getDrilldowns()
      }
    });

  /**
  * Return a string of text representing the 'more about' material and property info
  */
  function getMoreAboutInfo () {
    if (material_text && material_link && property_text && property_link != null) {
      // If both the material and property text/link is available, then show both material and property info
      return "More about <a href='" + property_link + "' target='_blank'>" + property_text + "</a> and <a href='" + material_link + "' target='_blank'>" + material_text.replace(symbol_drilldown, "") + "</a>";
    }
    else if (material_text && material_link != null) {
      // If the material text/link is available, then show only material info
      return "More about <a href='" + material_link + "' target='_blank'>" + material_text.replace(symbol_drilldown, "") + "</a>";
    }
    else if (property_text && property_link != null) {
      // If the property text/link is available, then show only property info
      return "More about <a href='" + property_link + "' target='_blank'>" + property_text + "</a>";
    }
    else {
      // If no info is available, then show nothing
      return "";
    }

  }


  /**
  * Display the specified chart series
  * @param {*} index The index of the series to show
  */
  async function showSeries (view, index) {
    /*
    let levelNumber = chart.series[0].options._levelNumber // Get the number of drilldown levels of current chart view

    // If chart is in a drilldown view, then we need to drill up first
    if (levelNumber == 1){

        // Drill up
        chart.drillUp();

        // Give time for drill up to finish before next steps
        await sleep(500);
    }*/

    //let allSeries = chart.series;
    //let thisSeries = chart.series[index];

    //$('#highcharts-back-nav').hide();
    //$('#highcharts-back-nav').style.visibility = "hidden";
    // Reset navigation state when showing a root series
    navStack = [];
    $('#highcharts-back-nav').removeClass('show');
    // Default text when first drilling down from root
    setBackNavText(symbol_back + " Back to All Materials");

    last_series_index = index;

    var thisSeries = getSeriesData()[index];

    //console.log("Selected Series name: " + thisSeries.name);

    let newSeriesData = [];
    let newSeriesCategories = [];

    thisSeries.data.forEach(data => {
      //console.log("Series Data - Name: " + data.name + ", Value: " + data.y);
      if (data.y != null) {
        newSeriesData.push(data);
        newSeriesCategories.push(data.name);
      }
    })

    //console.log("Tooltip suffix: " + thisSeries.tooltip.valueSuffix);

    // Replace points instead of updating in-place to avoid lingering properties (e.g., drilldown)
    // setData(data, redraw=false, animation=false, updatePoints=false)
    view.series[0].setData(newSeriesData, false, false, false);
    view.series[0].tooltipOptions.valueSuffix = thisSeries.tooltip.valueSuffix;
    view.xAxis[0].setCategories(newSeriesCategories);
    view.xAxis[0].setExtremes(0, newSeriesData.length - 1);
    //view.yAxis[0].update({ type: 'logarithmic' });

    view.redraw();

    //console.log("Series Unit: " + thisSeries.tooltip.valueSuffix);

    // Get series info
    let thisSeriesName = thisSeries.name;
    let thisSeriesUrl = thisSeries.url;
    let thisSeriesUnit = thisSeries.tooltip.valueSuffix;

    // Set chart title to series name
    setTitle(view, thisSeriesName);

    // Set chart subtitle to 'More about' URLs
    updateMoreAboutInfo(view, thisSeriesName, thisSeriesUrl, null, null);

    // Update the yAxis label to the selected material property unit (e.g. MPa)
    setYaxisTitle(view, thisSeriesUnit);
  }

  /**
  * * 如果元素存在，请安全地设置 back nav 元素的 HTML
  */
  function setBackNavText (html) {
    const el = $('#highcharts-back-nav');
    if (el && el.length) {
      el.html(html);
    }
  }

  /**
   * Set the chart title with specified text
   * * 使用指定文本设置图表标题
   * @param {*} title
   */
  function setTitle (view, title) {
    view.setTitle({ text: title }, null);
  }

  /**
  * Set the chart subtitle with specified text
  * * 使用指定的文本设置图表字幕
  * @param {*} subtitle
  */
  function setSubtitle (view, subtitle) {
    view.setTitle(null, { text: subtitle });
  }

  /**
  *
  * @param {Set the chart Y-Axis title} yAxisTitle
  */
  function setYaxisTitle (view, yAxisTitle) {
    view.yAxis[0].setTitle({ text: yAxisTitle });
  }

  /**
  * Update the chart subtitle with the material and property 'more about' info
  * * 使用材料和属性 “更多关于” 信息更新图表字幕
  * TODO: Rename funciton to 'setSubtitle'
  * @param {*} propertyText
  * @param {*} propertyLink
  * @param {*} materialText
  * @param {*} materialLink
  */
  function updateMoreAboutInfo (view, propertyText, propertyLink, materialText, materialLink) {
    // Set property and material text and link values
    property_text = propertyText;
    property_link = propertyLink;
    material_text = materialText;
    material_link = materialLink;

    // Set the chart subtitle with the more about info
    setSubtitle(view, getMoreAboutInfo());
  }

  /**
  * Display the specified chart series
  * @param {*} index The index of the series to show
  */
  async function showDrilldown (view, id) {
    let backNavFromGrades = false;
    // Overload to accept optional isBackNav flag without breaking existing calls
    let isBack = false;
    if (arguments.length >= 3) {
      isBack = arguments[2] === true;
    }


    //$('#highcharts-breadcrumb').show();
    $('#highcharts-back-nav').addClass('show');

    var all_drilldowns = getDrilldowns();
    let this_drilldown;
    //var this_drilldown = all_drilldowns.get(item=>item.name==name);


    //console.log("Found Drilldown name: " + drilldown.name);

    for (var i = 0; i < all_drilldowns.length; i++) {

      let temp_drilldown_id = all_drilldowns[i].id;

      //console.log("Drilldown - Name: " + temp_drilldown_id);

      if (temp_drilldown_id == id) {
        this_drilldown = all_drilldowns[i];
        break;
      }
    }

    // Manage navigation stack (only when not navigating back)
    if (!isBack && !isNavigatingBack) {
      // If navigating to a BN grade list (Property - Boron Nitride - Category),
      // push a callback to return to the BN category list (Property - Boron Nitride).
      const parts = id.split(" - ");
      if (parts.length >= 3 && parts[1] === "Boron Nitride") {
        const parentId = parts[0] + " - " + parts[1];
        navStack.push(function () { showDrilldown(view, parentId, true); });
        backNavFromGrades = true;
      } else {
        // First-level drilldown from the property root: push callback to go back to root materials
        navStack.push(function () { showSeries(view, last_series_index); });
      }
      updateBackNavText();
    }

    let newSeriesData = [];
    let newSeriesCategories = [];

    this_drilldown.data.forEach(data => {
      if (data.y != null) {
        newSeriesData.push(data);
        newSeriesCategories.push(data.name);
      }
    })

    view.series[0].setData(newSeriesData, false, false, false);
    view.xAxis[0].setCategories(newSeriesCategories);
    view.xAxis[0].setExtremes(0, newSeriesData.length - 1);

    view.redraw();

    // Get series info
    let thisSeriesName = this_drilldown.name;
    let propertyName = property_text;
    let propertyLink = property_link;
    let materialName = this_drilldown.materialName;
    let materialLink = this_drilldown.url;
    let thisSeriesUnit = this_drilldown.tooltip.valueSuffix;

    // Set chart title to series name
    setTitle(view, thisSeriesName);

    // Set chart subtitle to 'More about' URLs
    updateMoreAboutInfo(view, propertyName, propertyLink, materialName, materialLink);

    // Update the yAxis label to the selected material property unit (e.g. MPa)
    setYaxisTitle(view, thisSeriesUnit);
  }


  $("#highcharts-back-nav").click(function () {
    // Handle contextual back navigation: go up one level if possible,
    // otherwise return to the root materials for the current property
    if (navStack.length > 0) {
      const action = navStack.pop();
      isNavigatingBack = true;
      try {
        if (typeof action === 'function') {
          action();
        }
      } finally {
        isNavigatingBack = false;
      }
      updateBackNavText();
      // Hide back nav if no more history
      if (navStack.length === 0) {
        $('#highcharts-back-nav').removeClass('show');
      }
    } else {
      // Fallback: go to property root
      showSeries(chart, last_series_index);
    }

  });

  /**
  * Update back nav link text depending on depth
  */
  function updateBackNavText () {
    if (navStack.length > 1) {
      setBackNavText(symbol_back + " Back");
    } else if (navStack.length === 1) {
      setBackNavText(symbol_back + " Back to All Materials");
    } else {
      setBackNavText(symbol_back + " Back to All Materials");
    }
  }


  /**
   * Retrieves and updates any chart config settings from the HTML code
   */
  function getConfigs () {
    // Get the HTML highcharts settings element
    var settings_tag = $(settings_tag_id);

    // Look for custom default property
    var temp_default_property = settings_tag.attr("data-pc-hc-default-property");
    if (temp_default_property) {
      default_property = temp_default_property;
    }
    setPropertyButton(default_property);

    // Get the HTML highcharts language settings element
    var language_settings_tag = $(language_settings_tag_id);

    // Look for custom base URL config setting
    var temp_url_base = language_settings_tag.attr("data-pc-hc-url-base");
    if (temp_url_base) {
      url_base = temp_url_base;
    }

    // URL - Material - Aluminum Nitride
    var temp_url_path_material_aln = language_settings_tag.attr("data-pc-hc-url-path_material_aln");
    if (temp_url_path_material_aln) {
      url_path_material_aln = temp_url_path_material_aln;
    }

    // URL - Property - Compressive Strength
    var temp_url_path_property_compressive_strength = language_settings_tag.attr("data-pc-hc-url-path-property-compressive-strength");
    if (temp_url_path_property_compressive_strength) {
      url_path_property_compressive_strength = temp_url_path_property_compressive_strength;
    }

    // Look for custom ALN text label
    var temp_label_text_material_aln = language_settings_tag.attr("data-pc-hc-label_material_aln");
    //console.log("AlN Label 1: " + label_text_material_aln);
    if (temp_label_text_material_aln) {
      label_text_material_aln = temp_label_text_material_aln;
      //console.log("AlN Label 2: " + label_text_material_aln);
    }
  }


  /**
  * Set the specified property button as selected
  * @param {*} propertyId
  */
  function setPropertyButton (propertyId) {
    $("a.property-button").removeClass("selected");
    for (let index = 0; index < property_ids.length; index++) {
      if (property_ids[index] == propertyId) {
        $('#' + settings_property_button_id_prefix + propertyId).addClass('selected');
        break;
      }
    }
  }

  /**
  * Listen for property button clicks
  */
  $("a.property-button").click(function () {

    // Get the id of of the button that was clicked
    const buttonId = this.id;

    // Update which property buttons are selected
    $("a.property-button").removeClass("selected")
    $(this).addClass("selected");

    // Show the series for the respective property button that was clicked
    for (let index = 0; index < property_ids.length; index++) {
      if ((settings_property_button_id_prefix + property_ids[index]) == buttonId) {
        //console.log("Property button clicked: " + property_ids[index]);
        showSeries(chart, index);
        break;
      }
    }
  });


  getConfigs()
  // Highcharts.chart('container', {
  //   // exporting  正在导出
  //   exporting: {
  //     buttons: {
  //       contextButton: {
  //         theme: {
  //           style: {
  //             fontSize: '1.6rem',     // 修改字体大小
  //           }
  //         }
  //       }
  //     }
  //   },

  //   chart: {
  //     type: 'column',
  //   },
  //   title: {
  //     style: {
  //       fontSize: '1.6rem',
  //     },
  //     text: 'Browser market shares. January, 2022',
  //   },
  //   subtitle: {
  //     style: {
  //       fontSize: '1.6rem',
  //     },
  //     text: 'Click the columns to view versions. Source: <a href="http://statcounter.com" target="_blank">statcounter.com</a>',
  //   },
  //   accessibility: {
  //     announceNewData: {
  //       enabled: true,
  //     },
  //   },
  //   xAxis: {
  //     type: 'category',
  //     labels: {
  //       style: {
  //         fontSize: '1.6rem',
  //       },
  //     },
  //   },
  //   yAxis: {
  //     title: {
  //       style: {
  //         fontSize: '1.6rem',
  //       },
  //       text: 'Total percent market share',
  //     },
  //     labels: {
  //       style: {
  //         fontSize: '1.6rem',
  //       },
  //     },
  //   },
  //   legend: {
  //     enabled: false,
  //   },
  //   plotOptions: {
  //     series: {
  //       borderWidth: 0,
  //       dataLabels: {
  //         style: {
  //           fontSize: '1.6rem',
  //         },
  //         enabled: true,
  //         format: '{point.y:.1f}%',
  //       },
  //     },
  //   },
  //   // 移入显示文字信息
  //   tooltip: {
  //     style: {
  //       fontSize: '1.6rem',
  //     },
  //     headerFormat: '<span style="font-size:1.6rem">{series.name}</span><br>',
  //     pointFormat:
  //       '<span style="color:{point.color},font-size:1.6rem">{point.name}</span>: ' +
  //       '<b style="font-size:1.3rem">{point.y:.2f}%</b> of total<br/>',
  //   },
  //   series: [
  //     {
  //       label: {
  //         style: {
  //           fontSize: '1.6rem',
  //         },
  //       },
  //       name: 'Browsers',
  //       colorByPoint: true,
  //       data: [
  //         {
  //           name: 'Chrome1',
  //           y: 63.06,
  //           drilldown: 1002,
  //         },
  //         {
  //           name: 'Safari',
  //           y: 19.84,
  //           drilldown: 'Safari',
  //         },
  //         {
  //           name: 'Firefox',
  //           y: 4.18,
  //           drilldown: 'Firefox',
  //         },
  //         {
  //           name: 'Edge',
  //           y: 4.12,
  //           drilldown: 'Edge',
  //         },
  //         {
  //           name: 'Opera',
  //           y: 2.33,
  //           drilldown: 'Opera',
  //         },
  //         {
  //           name: 'Internet Explorer',
  //           y: 0.45,
  //           drilldown: 'Internet Explorer',
  //         },
  //         {
  //           name: 'Other',
  //           y: 1.582,
  //           drilldown: null,
  //         },
  //       ],
  //     },
  //   ],
  //   drilldown: {
  //     breadcrumbs: {
  //       position: {
  //         align: 'right',
  //       },
  //     },
  //     style: {
  //       fontSize: '1.6rem',
  //     },
  //     series: [
  //       {
  //         name: 'Chrome',
  //         id: 1002,
  //         data: [
  //           ['v65.0', 0.1],
  //           ['v64.0', 1.3],
  //           ['v63.0', 53.02],
  //           ['v62.0', 1.4],
  //           ['v61.0', 0.88],
  //           ['v60.0', 0.56],
  //           ['v59.0', 0.45],
  //           ['v58.0', 0.49],
  //           ['v57.0', 0.32],
  //           ['v56.0', 0.29],
  //           ['v55.0', 0.79],
  //           ['v54.0', 0.18],
  //           ['v51.0', 0.13],
  //           ['v49.0', 2.16],
  //           ['v48.0', 0.13],
  //           ['v47.0', 0.11],
  //           ['v43.0', 0.17],
  //           ['v29.0', 0.26],
  //         ],
  //       },
  //       {
  //         name: 'Firefox',
  //         id: 'Firefox',
  //         data: [
  //           ['v58.0', 1.02],
  //           ['v57.0', 7.36],
  //           ['v56.0', 0.35],
  //           ['v55.0', 0.11],
  //           ['v54.0', 0.1],
  //           ['v52.0', 0.95],
  //           ['v51.0', 0.15],
  //           ['v50.0', 0.1],
  //           ['v48.0', 0.31],
  //           ['v47.0', 0.12],
  //         ],
  //       },
  //       {
  //         name: 'Internet Explorer',
  //         id: 'Internet Explorer',
  //         data: [
  //           ['v11.0', 6.2],
  //           ['v10.0', 0.29],
  //           ['v9.0', 0.27],
  //           ['v8.0', 0.47],
  //         ],
  //       },
  //       {
  //         name: 'Safari',
  //         id: 'Safari',
  //         data: [
  //           ['v11.0', 3.39],
  //           ['v10.1', 0.96],
  //           ['v10.0', 0.36],
  //           ['v9.1', 0.54],
  //           ['v9.0', 0.13],
  //           ['v5.1', 0.2],
  //         ],
  //       },
  //       {
  //         name: 'Edge',
  //         id: 'Edge',
  //         data: [
  //           ['v16', 2.6],
  //           ['v15', 0.92],
  //           ['v14', 0.4],
  //           ['v13', 0.1],
  //         ],
  //       },
  //       {
  //         name: 'Opera',
  //         id: 'Opera',
  //         data: [
  //           ['v50.0', 0.96],
  //           ['v49.0', 0.82],
  //           ['v12.1', 0.14],
  //         ],
  //       },
  //     ],
  //   },
  // })
})